관련 출처 :
HTML은 웹 브라우저마다 지원하는 태그가 조금씩 다르며, 같은 태그라도 작동하는 방법이 다르지만 대체로 비슷한 태그를 지원한다. 최신 버전인 HTML5를 기준으로 한다.
HTML의 가장 기본 골격은 아래와 같으며 각각의 태그는 아래와 같은 의미를 지닌다.
태그 |
정의 |
<!DOCTYPE> |
마크업 언어용 DTD 태그다. HTML5의 경우 문서의 첫 줄에 다음과 같이 써 주면 된다. <!DOCTYPE html> |
<html> |
위의 DTD를 제외한 전체를 이 태그로 둘러싼다. |
<!-- --> |
주석이다. |
<head> |
HTML 문서의 속성을 지정하기 위한 태그이다. 이 태그 안에 타이틀이나 메타 태그 등을 넣는다. |
<title> |
HTML의 제목을 선언하는 태그다. |
<body> |
HTML 문서의 본 모양을 나타내기 위한 태그다. 표시될 문서의 레이아웃을 이 태그 안에 넣으면 된다. |
<p> | 새 문단(paragraph)을 열고(<p>) 닫는다(</p>). |
이 외에도 자주 사용되는 태그는 아래와 같다.
태그 | 정의 |
<meta> | HTML의 부가 정보를 선언하는 태그다. |
| <div> | 박스 또는 레이어다. |
| <a> | 하이퍼링크를 생성하는 태그다. href 속성을 사용해 <a href="링크할 페이지">내용</a> 와 같이 작성한다. |
| <img> | 페이지에 이미지를 추가하는 태그다. |
| <input> | 입력값 요소를 지정한다. type에 따라 다른 입력값을 취한다. |
<form> | 입력값을 받는 영역을 지정한다. 한 페이지에 여러 개가 들어갈 수는 있지만, 영역 안에 영역이 들어가는 것은 불가능하다. |
<span> | <div>의 인라인 버전이다. |
| <strong> | 포함된 텍스트를 강하게 강조할 때 사용한다. |
<ul> | 순서 없는 목록(unordered list)을 표시한다. |
<li> | 목록에서 각 항목(list item)은 <li>와 </li>사이에 넣는다. |
| <br> | 문단 내 줄바꿈(line break)으로 강제개행을 하는 태그이다. |
| <table> | 테이블을 만드는 태그다. |
| <tr> | 행(table row)을 시작한다. |
| <td> | 표의 내용(table data), 셀을 표현한다. |
<script> | 스크립트를 사용한다. <script type="text/javascript"> ... </script> 식으로 스크립트 타입을 지정해서 사용한다. |
<style> | CSS 사용. 되도록이면 <link> 태그를 쓰기를 권장한다. |
| <link> | 별도의 CSS 선언 파일, 파비콘 등을 연결하는 태그다. |
<h> | 제목(heading)을 표시할 때 사용된다. <h1>이 가장 크고 <h6>이 가장 작다. 크기는 브라우저마다 표시하는 방법이 달라 다르게 나타날 수 있다. CSS를 쓰면 크기, 색상, 폰트 등을 변경할 수 있다. <h1>은 한 문서 안에 하나만 사용하는 것을 권장한다. |
그 외의 다양한 태그들은 아래의 링크 또는 검색을 통해 활용하도록 한다.
참고 링크 : [w3schools.com] HTML Reference
댓글