UTF - 8로 작성된 파일을 UTF - 8로 열도록 바꿔준다. <=> <meta charset = "UTF-8">
HTML의 태그는 본문과 본문을 설명해주는 것들로 나뉜다.
본문은 <body>로 묶는다.
본문을 설명해주는 태그는 <head>태그로 묶는다.
<body>, <head>태그는 고위층이고 이를 또 묶어주는 태그는
<html>태그이고 이보다 더 위에 <!doctype html>로 묶어주어야 한다.
<!DOCTYPE html>
<html>
<head> <!--본문의 내용을 설명해주는 것은 head태그로 묶어준다.-->
<meta charset="utf-8">
<title>우리누리의 축제정보</title> <!--웹페이지의 이름을 정해주는 태그-->
</head>
<body> <!--본문을 설명하는 HTML태그들은 body로 묶어준다-->
<ol> <!--ordered list로 부모태그로 자식태그li를 갖고 있다.-->
<li>검색</li> <!--li태그는 자식태그로 부모태그 <ol>, <ul>을 갖고 있다.-->
<li>캘린더</li>
<li>소개</li>
</ol>
<h1>우리누리</h1> <!--글자의 중요도?와 비슷하게 크기에 따라서 태그를 쓰면 됨-->
<img src="" width="100%"> <!-- 이미지를 넣어주는 img 태그-->
</body>
html의 기본적인 구조를 살펴보았다.
HTML의 주석은 <!-- -->로 처리하면 된다.
<!DOCTYPE html>
<html>
<head></head>
본문의 내용을 설명해주는 태그들
<body></body>
본문을 설명하는 태그들
<html 문서의 기본적인 구조>
'WEB > HTML+CSS(Front-end)' 카테고리의 다른 글
| CSS - CSS의 시작 (부제: HTML과 CSS의 사용 차이법을 알아보자) (0) | 2021.05.10 |
|---|---|
| HTML - 태그의 제왕(부제: 링크를 알아보자 <a>) (0) | 2021.05.05 |
| HTML - 부모자식과 목록 (부제: 목차를 만들며 부모자식 관계를 알아보자) (0) | 2021.05.05 |
| HTML - 간단한 HTML의 이점과 속성을 알아보자(부제: 태그로 표현이 안 될땐 태그의 속성(Attribute을 이용해보자.) (0) | 2021.05.03 |
| HTML - 줄바꿈 (부제: <br> vs <p>) (0) | 2021.05.03 |