HTML_기초

4867 단어 htmlhtml

HTML

HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 뼈대가 되는 마크업 언어이다.


HTML 기본 형식

<!DOCTYPE html>             // 이 문서가 HTML 문서임을 명시
<html>                      // html 시작 태그로, 문서 전체의 틀을 구성
<head>                      // head 태그는 문서의 메타데이터를 선언 
  <title>Page title</title> // 문서의 제목, 브라우저틔 탭에 보여짐
</head>                     // </태그이름>은 해당 태그가 끝남음을 의미
<body>                      // body 태그는 문서의 내용을 담는 곳 
  <h1>HEllo worlde</h1>     // heading을 의미하며, 크기에 따라 h1 ~ h6
  <div>Contents here        // content division을 의미하며, 줄바꿈됨  
    <span>Here too!</span>  // 줄바꿈이 없는 content 컨테이너
  </div>                    // div 태그가 끝남음을 의미
</body>                     // body 태그가 끝남음을 의미  
</html>                     // html 태그가 끝남음을 의미

HTML은 tag(< >)들의 집합


  • HTML 문서 시작
    • html
      • head
        • title : page title
      • body
        • h1 : Hello world
        • div : Contents here
          • h1 : Here too!

HTML의 트리 구조 (부모가 하나고 자식이 여러개인 구조)


HTML의 태그들



div와 span의 차이
div 태그는 한 줄을 차지하고 span 태그는 컨텐츠 크기만큼 공간을 차지


HTML 속성은 두 가지로 구성되는데, 속성 이름(class)과 속성 값("paragraph")으로 구성됨


HTML < p > 엘리먼트는 paragraph(문단)의 약자로, 하나의 문단을 표현하기 위하여 사용된다.


HTML < section > 엘리먼트는 웹 페이지의 큰 의미 단위가 될 수 있는 어떤 것이든 묶어서 하나의 구역을 구분하는데 사용된다. 시맨틱 엘리먼트 - MDN 참조

article tag : 문서 혹은 요소가 독립적으로 존재할 수 있을 때 사용
section tag : 의미론적으로 관계 있는 문서 혹은 요소를 분리할 때 사용
div tag : 요소간 의미론적 관계와는 상관없이 요소를 나눠야 할 필요가 있을 경우 사용

HTML intro - MDN 참조

HTML 태그 요소 - MDN 참조
[백준]#10159 저울
[백준] 2638번 치즈

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage