HTML 태그들, 헷갈리는거 정리해 보았다 (시맨틱 태그, 중요한 태그들 모음)

HTML 쉽고 만만하게 생각했다가 갈수록 은근히 헷갈리는 경험 해보셨나요? 이번 영상에서 많은 분들이 궁금해 하시고 헷갈려 했던 내용들을 깔끔하게 ✨ 정리해 보았어요 (↙ 자세한 내용)
___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................


✨ 관련된 영상들
HTML 기초 영상 1 ⇢
HTML 기초 영상 2 ⇢

언급된 사이트
HTML 태그들 ⇢ https://developer.mozilla.org/ko/docs/Web/HTML/Element
.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................

00:00 소개
00:54 "시맨틱" 뭘까?
03:05 "시맨틱 태그"가 중요한 이유 3가지
04:05 웹사이트 구조를 이루는 태그들 ( 박스 태그)
05:48 article vs section
07:06 i vs em
08:10 b vs strong
08:56 ol, ul, dl
10:36 img vs CSS background
11:25 button vs a
12:20 table vs CSS
13:15 정리 하며 ✨

.....................................................

#프론트엔드#HTML#웹개발
드림코딩 : CSS Grid 정리 혹시 원하시나요?
J14 : 갓엘리님... self-taught 으로 공부하고 있는데
진짜 공부하고 이해안되는거 여기서 다 풀어줘버리시네 ㄷㄷㄷ
저 내년에 캐나다로 취업갈 예정인데요 꼭 좋은 소식으로 보답하겠습니다!
{Re:Coder} : 개발자로서 필수로 알아야하는 정보들을 잘 정리해주셔서 감사합니다. 과 의 차이점에 한가지만 더하자면 은 문장의 의미를 바꾸고 은 문장의 의미에 어떠한 영향도 주지 않습니다.
로지 : 엘리님 이제 막 코딩 배우기 시작했는데 영상 너무 감사합니다! 덕분에 많이 많이 배우고 있습니다~ 소중한 시간 들여서 정보 공유해주셔서 감사합니다 :>
Sider Out : 학원에서 자세히 알려주지 않은 시멘틱 마크업에 대해 명료하게 강의해주셔서 감사합니다.
퍼블리싱 입문하시는 많은 분들이 보셨으면 좋겠네요. ^^
태그는 거의 써본적이 없는데 이 강의 듣고나니 다음 프로젝트 땐 한번 써봐야 겠네요 ㅎㅎ

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

HTML 쉽다고 그냥 넘기지 마시고, 한번더 복습한다는 마음으로 꼭 들어보세요 :) (↙ 자세한 내용)
___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................

Resources:
Playground: http://jsbin.com/

숙제는 여기서: https://en.wikipedia.org/wiki/HTML

Wikipedia
- HTML: https://en.wikipedia.org/wiki/HTML
- Markup language: https://en.wikipedia.org/wiki/Markup_...
- UTF-8: https://en.wikipedia.org/wiki/UTF-8

MDN
HTML elements reference: https://developer.mozilla.org/en-US/d...
Document and website structure: https://developer.mozilla.org/en-US/d...

시간이 남아서 너무너무너무 심심하시면:
https://www.w3.org/TR/html52/introduc...

.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................


Music
Title: Special Days by JayJen
Genre and Mood: Dance \u0026 Electronic + Bright
License: Royalty-free music for YouTube, Facebook and Instagram videos giving the appropriate credit.

#프론트엔드 #웹개발 #HTML
Daniel : 완강 했습니다! 올 초에 다 듣고 이제 학원에서 front-end배워서 다시 들었어요!! 다시 느끼는거지만 정말 이런 강의를 들어본 적이 없는 것 같아요^^ 좋은 강의 감사합니다!
드림코딩 : 조금이라도 도움이 되셨다면 좋아요와 구독은 저에게 큰 힘이 된답니다 ❤️
알람설정 해놓으시면 강의 올라올때 바로 보실 수 있어요. 그럼 출석체크 해주세요~~
자라자 : 2021년에도 2강 완강 했습니다! 너무 재밌어요. 엘리님이 가르쳐주시는 방식이 학습자 입장에서 정말 효율적이라는 생각이 듭니다.
삭제맛쿠키 : 1,2 기초 다 봤는데 큰 틀에 대해서 굵직하게 설명해주시니까 이해하기도 쉽고 기억에도 오래 남을 것 같아요! 감사합니다 ~!
smartbear joshua : 개발에 대한 기본부터 코딩 실습까지 여러 채널들 보고 있는데 엘리님 내용이 참 쉽고 유용해서 좋습니다~ 박스안경도 mdn도 jsbin도 입문자에게 너무도 좋은 도구들이네요~ 계속 열심히 따라가보겠습니다 감사합니다

HTML 기본 태그

HTML과 CSS! 가장 빠르고 쉽게! 웹 프론트 엔드 입문하기!

1. 시작하며
00:00 인트로
00:17 리뷰

2. 개념 학습
00:25 HTML과 기본태그

3. 실습 하기
00:44 HTML 문서 만들기
01:04 텍스트 태그 - h1, h2, p
02:01 미디어 태그 - img
02:41 링크 태그 - a
03:19 리스트 태그 - ul, li
04:05 테이블 태그 - table, tr, td
05:56 입력 태그- input, textarea

4. 마무리
07:00 전체 요약

강의자료: https://cloudstudying.kr/lectures/413
강의문의: mail@cloudstudying.kr
카톡ID: chaesam
camel : 3분만 보고 댓글 남기는데
진짜 개 쩐다 와.. 귀에 명강이 들어오고 있다는게 느껴진다
포켓몬고쿨팁 : 간결한 요약
막힘없는 진행
적절한 목소리
구독했습니다...!
O MO : 동영상을 볼수 없다는데 왜그런건가요 다음 영상 보고 싶은데
이지섭 : 7:36 Text 너무 뜬금없이 화려하게 등장해서 피식했네요ㅋㅋㅋㅋㅋ
임권일 : 안녕하세요 제가 파이썬을하다가 치면 나와야하는데요 안나와요 어떻게하죠

...