뒤로 가기
홈으로 이동
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
✔ 학습 완료

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

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

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

CSS 강의 Ep05_2 - Box Model | border | 웹 개발 입문 | 함께 웹 개발에 입문해 보는건 어떨까요?

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
11
00:18
Border에 대한 개념적 설명 : border는 HTML 요소의 테두리를 설정
00:33
Border의 속성 'border-style'에 대한 설명
👍
5
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS Tutorial For Beginners 42 - Width & Height

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
4
00:39
width, height 설명을 위한 예제 코드에 대한 설명
01:51
'px'(본 강의에서는 static width로 표현)로 block level 엘리먼트에 width, height 값을 적용
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기