HTML 기본 형식
<!DOCTYPE html>
<html>
<head> //머리말 부분 지정
<title>Page Title</title> //타이틀 지정
</head> // 머리말 닫기
<body> //본문 내용
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body> // 본문 닫기
</html>
태그 및 내용
| 태그 | 내용 |
| <h1> ... <h6>제목</h1> ... </h6> | 제목을 정의할 때 사용한다. h1부터 h6순으로 글자의 크기 및 중요도가 떨어진다. |
| <br> | 한 줄 띄우기 |
|   | 한 칸 띄우기 |
| < |
'<' 표시 |
| > | '>' 표시 |
| & | '&' 표시 |
| <hr> | 줄 긋기 |
| <p></p> | 문단요소 - 한 단락 |
| <a></a> | 하이퍼링크를 걸어준다. -------------------------------속성----------------------------- target: 링크를 여는 방법 _self: 현재 페이지 (기본값) |
| <table></table> | 테이블 생성 |
| <tr></tr> | 테이블의 행을 만든다. |
| <td></td> | 테이블의 열을 만든다. |
| <th></th> | 중앙정렬 되는 굵은글씨의 열을 만든다. |
| <img src="이미지 링크"> | 이미지 넣기 |
| <colspan> | 지정한 개수만큼 행을 합친다. ex) <td colspan="2"></td> = 두개의 행을 합친다. |
| <rowspan> | 지정한 개수만큼 열을 합친다. ex) <td rowspan="2"></td> = 두개의 열을 합친다. |
| <input> | 정보를 입력 할 수 있는 창이 뜬다. |
| <fieldset> | form태그를 테두리 쳐준다. |
|
<legend> |
fieldset의 제목을 써준다. |
| <pre></pre> | 공백을 그대로 브라우저에 표현해준다. 글꼴 또한 고정폭 글꼴로 변한다. |
| <sup></sup> | 윗 첨자. 숫자 제곱 등을 표현 할 때 사용한다. ex)1000<sup>2</sup> = 1000^2으로 표현된다. |
| <sub></sub> | 아래 첨자. 원소 기호 등을 표현할 때 사용 |
| <ul></ul> | 순서가 없는 목록 --------------------------ul의 타입속성------------------------- disc : 검정색 원 circle : 하얀색 원 square : 검정색 사각형 |
| <ol></ol> | 순서가 있는 목록 --------------------------il의 타입 속성------------------------- 1 : 1부터 오름차순 a : 알파벳 소문자 a부터 오름차순 A : 알파벳 대문자 A부터 오름차순 i : 로마 숫자 오름차순 I : 로마 숫자 오름차순 |
| <dl></dl> | 정의 목록 |
| <li></li> |
목록의 내용을 작성 |
| <b></b> | 텍스트를 굵은 글씨로 표현 |
| <small></small> | 텍스트를 작은 글씨로 표현 |
'프로그래밍 > HTML' 카테고리의 다른 글
| [HTML]<fieldset> 태그 (0) | 2021.03.19 |
|---|---|
| [HTML]<textarea> 태그 (0) | 2021.03.18 |
| [HTML]<input> 태그 (0) | 2021.03.18 |
| [HTML]<form> 태그 (0) | 2021.03.18 |
| [HTML]<img>태그 (0) | 2021.03.16 |