Jeden Tag, aufrichtig und lustig.

html 5. html 구조 본문

HTML

html 5. html 구조

a-nanas 2022. 3. 18. 23:38

HTML 구조

html 구조는 보통 아래와 같다.

 

<!DOCTYPE html>

  -> '문서유형이 html이다'라는 의미이다.

      태그와 비슷하게 생겼지만 html 태그는 아니다.

 

 <html>

*모든 html elements들은 <html></html>태그로 감싸져 있다.

 

   <head>

    ->본문(body)을 설명하는 웹페이지에는 안나오는 속성정보들이 존재한다.(data about data)

 

     <title> a-nanas의 글쓰기공간 </title>

      ->웹페이지의 제목이며, 검색엔진이 책표지처럼 사용한다.

     <meta charset="utf-8">

      ->웹브라우저가 utf-8로 열 수 있게 한다.

        한글, 일본어, 중국어가 포함된 페이지라면 utf-8 이라는 값으로 문자 인코딩을 추가해줘야 글씨가 안 깨지게 된다.

     *character : 문자,  set : 규칙

    <meta name="viewport" content="width=device-width">

      ->디바이스의 가로 크기(width)가 웹 페이지의 가로와 같다는 의미이다.

         모바일에서 웹사이트가 예쁘게 보이려면 추가해야 하는 정보이다.

         해당 정보를 추가하지 않으면 데스크탑 버전의 웹페이지가 축소되어 보이는 현상이 나타난다.

 

     <style>

      css내용

     </style>

 

   </head>

 

   <body>

 

   본문 내용

 

   </body>

 

 </html>

 

*content는 <body></body>태그 사이에 있어야 screen에 나온다.

<head>안에 있는 내용들은 <body>내용을 설명 한다.

'HTML' 카테고리의 다른 글

html 7. 웹 호스팅  (0) 2022.03.23
html 6. 부모 자식 태그 및 <li>태그  (0) 2022.03.23
html 4. 링크 태그  (0) 2022.03.18
html 3. 이미지 태그 및 속성  (0) 2022.03.18
html 2. 태그의 의미  (0) 2022.03.10
'HTML' Related Articles more