뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)

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

#전체
#개발자
#프론트엔드
#프론트엔드
#HTML
#CSS
#React
#개발자
#코딩
#코딩 독학
#코딩 입문
#웹개발
#웹퍼블리셔
#웹 포트폴리오
#웹사이트 만들기
#프론트엔드 공부
#프론트엔드 튜토리얼
#프론트엔드 개발
#비전공개발자
#웹개발자
#프론트엔드 개발 공부
#코딩 기초
#웹사이트 만드는법
#앱 만드는법
#안드로이드
#프론트엔드 개발자
#HTML 기초
#HTML 강의
#HTML 자료
#웹 개발
#CSS 기초
#CSS 강의
#HTML 태그
#HTML 태그 종류
#html
#html강좌
#html강의
#html태그
#html웹표준
#html5.0
#html인강
#html교육
#html배우기
#html문법
#html기초
#html기본문법
#html편집기
#html이미지삽입
#html링크
#html css
#html파일열기
#html5
#html홈페이지
#html홈페이지만들기
#html5웹표준강의
#html웹표준강좌
#html기초문법
#프론트엔드 공부순서
#웹사이트 만들기 html
#웹사이트 만들기 코딩
00:54시맨틱 태그에서 '시맨틱'의 의미
03:05시맨틱 태그 사용이 가지는 중요성 3가지 : 검색 최적화, 웹 접근성, 코드 유지보수에 용이
04:08div 태그 대신 시맨틱 태그를 사용해서 웹사이트 구조를 짜는 예시
05:48헷갈리는 태그 : <article> VS <section>
07:06헷갈리는 태그 : <i> VS <em>
08:10헷갈리는 태그 : <b> VS <strong>
08:58헷갈리는 태그 : <ol> VS <ul> VS <dl>
10:37헷갈리는 태그 : <img> VS CSS의 background-image
11:26헷갈리는 태그 : <button> VS <a>
12:21헷갈리는 태그 : <table> VS CSS(Flex, Grid)
13:16정리 : HTML 시맨틱 태그 사용에는 정해진 정답이 없기 때문에 내가 나타내고자 하는 컨텐츠를 더 의미 있게 코드로 사용할 수 있는지 고민해보는 게 중요합니다. 다양한 HTML 태그들에 대한 정보는 아래 링크를 참고해주세요. https://developer.mozilla.org/ko/docs/Web/HTML/Element
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

테크주니어님의 다른 노트는 어때요?

테크주니어의 프로필 이미지
테크주니어
의 학습노트

초보자를 위한 바닐라 자바스크립트 #3-2 Making a JS Clock part Two

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
0
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

React JS #6 이벤트 처리(Handling Events) - 초보자를 위한 리액트 강좌

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
2
00:24
이벤트 핸들링 방법 1
01:19
이벤트 핸들링 방법 2
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기