Tag를 전부 외우고 기억할 필요는 없다. 다만, 작동 원리를 이해하고 실행한 코드는 닫아라
<h1>..<h1> : big head number
<h6>.. <h6> : small head number
<ul> .. </ul> : 무작위 배열
<li> .. <li>
<ol> .. </ol> : 순번 배열
* HTML document 구성요소
<!DOCTYPE html> : 기본 구성
<html> .. </html>
<head> .. </head> : 보이지 않는 태그, 사이트에 부가적인 정보를 head tag 작성
<title> .. </title> : 브라우저 탭에서 보이는 페이지 제목
<body> .. </body> : 페이지 내 콘텐츠 내용
[참고 사이트 : example]
https://www.koreatimes.co.kr/www2/index.asp?ref]
The Korea Times
Get the latest on what's happening in Korea from the nation’s top English-language media outlet.
www.koreatimes.co.kr
1. 이미지 : <img src = " " />
2. 링크 : <a href = " "> </a>
- href : hyper link reference
===
> 종합 내용
* META TAGE : 부가적 요소
⇒ 브라우저에게 알려주는 것, 검색 엔진이 이해할 수 있도록 쉽게 정리한 것, meta tag는 self closing tag다
<html lang = "언어"> : 도출언어
<meta charset="UTF-8"> : 글자 깨짐 방지
+ meta - description : 구글이 키워드를 찾을 때 보는 요소, content 중요
<link rel ="sortcut icon" href=" "> : 아이콘 이미지
- rel : relationship
- og title, og image : url 공유 시 보여지는 이미지
'html, css' 카테고리의 다른 글
| [html/css] Zoom talk 만들기_노마드코더보고 따라하기(CSS.5) (0) | 2023.07.30 |
|---|---|
| [css] BEM 사용하기 (0) | 2023.07.30 |
| [html] Div, Span의 차이 그리고 부수적 요소 (0) | 2023.07.29 |
| [html] 시맨틱 태그 요소 이해하기 (0) | 2023.07.22 |
| [html] More Tag / Form Tag (0) | 2023.07.21 |