3:28 html의 구성 17:28 html의 텍스트 태그 34:35 앵커(주소연결, 링크) 태그 39:22 리스트 태그 45:23 테이블 태그 (48:50 시간표 예제) 53:00 이미지 태그 56:35 오디오 태그 59:35 비디오 태그 1:04:50 공간분할 div, span 태그 1:06:37 공간분할 태그 1:11:12 입력 및 전송 용 form 태그 (input, select(드롭다운), textarea(입력용 공간), button) 1:25:20 입력 및 전송 용 form 태그 (fieldset(입력 칸), datalist(자동완성), output) 1:32:41 form의 input 형식 설정 1:47:52 클래스, 아이디 1:49:44 시멘틱(웹 내 정의를 위한) 요소
![[HTML+CSS+JS] 계산기(calculator) 만들기(with grid) / 웹 코딩 / HTML 코딩](/img/n.gif)
3:28 html의 구성
17:28 html의 텍스트 태그
34:35 앵커(주소연결, 링크) 태그
39:22 리스트 태그
45:23 테이블 태그 (48:50 시간표 예제)
53:00 이미지 태그
56:35 오디오 태그
59:35 비디오 태그
1:04:50 공간분할 div, span 태그
1:06:37 공간분할 태그
1:11:12 입력 및 전송 용 form 태그 (input, select(드롭다운), textarea(입력용 공간), button)
1:25:20 입력 및 전송 용 form 태그 (fieldset(입력 칸), datalist(자동완성), output)
1:32:41 form의 input 형식 설정
1:47:52 클래스, 아이디
1:49:44 시멘틱(웹 내 정의를 위한) 요소
개발 입문 3일차 된 사람인데 다른 강의들보다 훨씬 깔끔하고 이해도 잘되네요
유튜브를 본 지 몇 년 됐는데, 때가 되니까 갑자기 떴는지.....왜 이제 봤을까요? 감사합니다.
넹 감사합니다
따라하면서 배우는 재미가 있습니다. 왠지모르게 어려웠는데, 설명을 따라서 보면서 정지했다가 따라했다가 해보니.. 실제로 기억도 잘나고 이해도 잘되어서 감사한 마음이 듭니다.
넵 따라하며 재미있게 배우는 과정이랍니다. ^^
정말 고맙습니다. 궁금한 것들이 한방에 전부 해결되었습니다. 이런 내용이 코딩 실전 전에 꼭 필요합니다 .고맙습니다
앗 감사합니다. ^^
엄청난 채널을 찾은 것 같아요! 영상들 계속 보면서 공부하려구요~~ 감사합니다 ㅎㅎ
친구에게 알려주기 싫은 비밀같은 채널 입니다. 감사합니다. ^^
29:02
53:00
완료 !
좋은강의 감사합니다 .
강의가 너무 좋습니다.
감동....
앗 저도 댓글에 감동 ㅋㅋ
이해 잘 되게 설명해주셔서 궁금증도 풀리고 구독하고 갑니다 😊
강의 감사합니다. 잘 보겠습니다.
9.79천명 구독자를 가지고 있네요!
저도 구독했어요!
평소에도 많이 보다 HTML 보충강의 보기 위해 왔다가..ㄷㄷㄷ
감사합니다! 좋은 강의 만들어 주셔서요!
아! 감사합니다.
구독해주셔서 그런지 어느덧 9.8천명 넘었네요.
디자인 하고있는데 코딩이 안되니 너무 불편해서 공부시작했어요. 너무 좋은 정보와 강의 감사드립니다.
이어보기 1:03:19 좋은영상 감사합니다
제가 다른 강의 보다가 너무 이해도 안되고 재미없다고 느꼈는데
이 영상 보면서 따라하니까 이해도 잘되고 유튜브에 검색해보길 잘 했다는 생각이 드네요
좋은 영상 정말 감사합니다!!
네 감사합니다. ^^
이렇게 좋은 채널을 이제야 알다니ㅠㅠ 감사합니다!
넵 감사합니다 ^^
이제야 이 영상을 보네요. 감사합니다
넵, 감사합니다.
강의 너무 좋아요!!!! html 강의 중 최고인듯 22.07.23
오! 최고라고 해주시니 감사합니다. ^^
정말 큰 도움 받고 있습니다. 감사합니다.
넹 감사합니다. ^^
감사합니다 🌹
넹, 감사합니다 ^^
좋은 강의 영상 만들어 주셔서 너무 감사드려요:)
완강! 좋은 강의 감사합니다!
앗 감사합니다. ^^
이 채널 어느 다른 채널보다 괜찮은데 구독자가 잘 안느네요. 화이팅입니다.
좋은 강의 감사합니다
넵 감사합니다. ^^
강의 감사합니다!
한가지 궁금한 점이 있는데
head와 body를 입력하지 않아도 표시되는 것엔 변함이 없는데
프로그램상 구분하기 위해서 입력하는 용도인가요?
head와 body를 입력하지 않으면 body로 인식합니다. ^^
HTML 문법상 목적에 따라 구분하는겁니다.
요즘 html 하고있었는데 마침 이렇게 영상이 나오네요 ㅎㅎ
유튜브 맞춤형 추천이 뛰어나나봐요. ^^
좋은영상 감사합니다!
혹시 영상에서 줄 가운데 있다가 줄끝으로 한번에 이동하는데 따로 단축키가 있을까요? 저는 자동완성시키면 (마우스 포인트)
이렇게 있는데 영상에서는 바로 끝으로 가네요 ㅠㅠ 혹시 알수 있을까요?
End 키 누르시면 줄 끝으로 이동합니다. ^^
좋은 정보 감사합니다ㅎㅎ질문 드려도 될까요?
이미지와 비디오를 삽입하는 구간에서 저는 새로고침을 하면 저장한 mp3, mp4파일이 뜨지 않는데..무슨 문제일까요ㅠㅠ영상에서 하라는 순서대로 다 하긴 했어요ㅠㅠ
아무래도 코드에 문제가 있거나 비디오 경로에 문제가 있는건 같아요.
1:48:00 이어보기
1:19:25 여기서 왜 selected를 다 넣으셨나요??
어이쿠 실수네용 ㅋㅋ
강의 잘 봤습니다. 많은 도움이 되었어요. 강의 자료는 따로 받을 수 있나요?
네, 나중에 홈페이지 통해서 공유드릴께요.
@@suanlab 네 감사합니다~ 정말 좋은 자료네요 도움이 많이 됩니다.
59:29초 오디오 부분 오디오 박스는 만들어지는데 초?가 입력이 안되서 소리는 안나네요 ㅜㅜ 왜그런지 모르겠어요 ㅜㅜ
오디오 확장자가 어떤건가요?
@@suanlab acc?인거 같아용
책 따로 안사도 되겠어요.
감사합니다.
넵 감사합니다 ^^
좋은영상 감사합니다
혹시 오른쪽에 띄워진 파일을 얻을 수 있을까요??
네 공유 드립니다.
suanlab.notion.site/HTML-256b041d35654311849f1c348e19219d
28:30
진도
22:31
좋은 영상 감사합니다. 근데 만들어진 홈페이지 주소가 파일 주소로 뜨는데 이걸 어떻게 링크로 만드나요?
파일 주소를 그대로 넣지 마시고, 상대 경로로 넣어주시면 됩니다.
예를 들어 ./test.html 은 같은 경로에 있는 파일, ../test.html 은 상위 디렉토리에 있는 파일 입니다.
58:18 path를 넣자마자 안된다고 어떻게판단하는건가요 궁금하네요 아시는분 있으신가요😂
47:51 테이블
좋아요
1:17:13
1:11:00 입력양식태그
쉬운 줄 알았는데 안 쉬운
이게 뭐 하나 나오면 뒤에 붙는 거가 속성 비슷한 이런 식으로 나오는데 문법이 생소한 느낌임다 에효
조금 생소하시죠? 그래도 다른 언어에 비하면 단순하고 쉬운 형태의 언어랍니다. ^^
16:45 !
1:10:10
58:30
45
1:22:38
52:47