HTML 기본구성 요소


 HTML은 문서의 내용과 이를 둘러싼 태그로 이루어져 있습니다. 

- 시작태그 : <태그이름>

- 종료태그 : </태그이름>

- 시작태그와 끝 태그 사이에 문서 내용이 오며, 다른 태그들도 포함 가능 합니다.

- 시작 태그안에 '속성이름 = "속성값" '의 쌍들로 속성을 지정 할 수 있습니다.


 <!DOCTYPE html> 
문서타입을 선언 합니다.
<!DOCTYPE html>는 현재 문서가 HTML5 문서임을 명시합니다.

 <html> 

html 문서임을 나타내며, html 문서를 감싸는 태그로 파일에 한번만 사용됩니다.

또한  html 바깥에는 DOCTYPE을 제외한 다른 태그가 사용 될 수 없습니다.


 <head> 

html 문서의 설명(정보)을 나타냅니다.

한번만 사용되며, html 바로 아래에 위치해야 합니다.


 <title> 

head 안에 위치하며, 브라우저 제목표시줄(툴바:toolbar)의 내용을 나타냅니다

웹 브라우저의 즐겨찾기에 추가할 때 기본 제목으로 표시 됩니다.


 <meta> 

문서에 대한 설명(정보)을 나타냅니다. 사람에게 보이지 않는 내용 입니다. 


 <bod> 

문서의 실제적인 내용부분을 나타냅니다. 한번만 사용되며,  head 아래에 위치해야 합니다.



  HTML 기본구조


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html>

<html>

<head>
<title>제목</title>
  <meta 문서설명(정보) />
</head>
<body>
<h1>주제</h1>
  <div>
<p>내용</p>
      <p>내용</p>
</div>
</body> 
</html>


HTML기본구성 및 구조


HTML 기본구성 및 기본구조에 대하여 알아보았습니다. 

기본구조에 나와 있는 <h1>, <div>, <p> 태그는 기본구성에 해당하는 항목들은 아닙니다. 따라서 해당 태그에 대하여는 다음 포스팅에서 알아보도록 하겠습니다.

Posted by 행복한 유유로그

댓글을 달아 주세요

  1. 호원이 2018.05.09 01:08 신고  댓글주소  수정/삭제  댓글쓰기

    어렵지만 저같이 초보자들의 입문으로 딱이네요.
    하나하나 배워가야겠어요ㅜㅜ

  2. 낭만ii고양이 2018.05.09 09:55 신고  댓글주소  수정/삭제  댓글쓰기

    좋은정보잘보고갑니다~ 좋은하루되세요^^

  3. 로샤씨 2018.05.09 10:08 신고  댓글주소  수정/삭제  댓글쓰기

    블로그를 더 좋게 만들기 위해서 HTML 을 공부해야 된다고 해서 공부를 어떻게 해야되나 고민햇는데 유유로그님 덕분에 공부를 시작해볼 수 있겠네요 ㅎㅎ 감사합니다^^!!

  4. 모피우스 2018.05.09 10:19 신고  댓글주소  수정/삭제  댓글쓰기

    과거 독학으로 밤새면서 습득했던 시절이 떠오르는 문자들입니다^^

  5. 공수래공수거 2018.05.09 11:13 신고  댓글주소  수정/삭제  댓글쓰기

    오..공부를 좀 해야겠습니다^^
    이런거 좋아요 ㅋ

  6. Z(제트) 2018.05.10 00:29 신고  댓글주소  수정/삭제  댓글쓰기

    좋은글 감사합니다~ㅎㅎ



티스토리 툴바