HTML은 tag들의 집합이다.
Tag : 부등호(<>)로 묶인 HTML의 기본 구성 요소 ex)
HTML은 트리구조이다.
<html>
: 시작 태그로, 문서 전체의 틀을 구성
<head>
: 문서의 메타데이터를 선언 문서의 제목, 브라우저의 탭에 보여짐
<body>
: 문서의 내용을 담는 곳
<h1....h6>
heading을 의미하며, 크기의 따라 h1~h6까지 있음
자주 사용하는 HTML 요소
<div>
: div태그는 한줄을 차지합니다.<span>
: span태그는 컨텐츠 크기만큼 공간을 차지합니다.<img>
: 이미지 삽입, 이미지태그는 닫는 태그가 없다.<a>
: anchor(닻; 배의 위치를 고정)의 약자로, 다른 웹페이지로 연결되는 하이퍼링크를 HTML 문서에 표시할 때 사용합니다. 주로 href 속성과 사용됩니다.<ul>
: 불릿(●)을 사용한 리스트 작성,<ol>
: 넘버리스트르 작성 가능<li>
: 목록의 항목을 나타낸다.<ol>,<ul>
,혹은<menu>
안에 위치해야한다.메뉴와 비정렬 목록(ul)에서는 보통 불릿으로 항목을 나타내고, 정렬 목록(ol)에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.<input>
: 다양한 입력 폼<input>
타입 종류<input type='radio'>
: <input type='text'>
: <input type='checkbox'>
: <textarea>
: 줄바꿈이 가능한 폼 <input type='text'>
과 기능은 비슷하지만 줄바꿈이 가능함
<button>
: 버튼을 생성 <p>
: paragraph(문단)의 약자로, 하나의 문단을 표현하기 위하여 사용됩니다. HTML 문서 작성 시, 가능하면 이 엘리먼트의 본래 목적에 맞게 사용하는 것이 권장됩니다.HTML 속성(attribute)는 두 가지로 구성되는데, attribute name(속성의 이름)과 attribute value(속성의 값) 으로 구성됩니다.
<script>
: 엘리먼트가 자바스크립트 실행을 위해 사용됩니다<script src="my-java-script.js"></script>