728x90
HTML
- HTML(Hyper-Text Markup Language)은 웹 문서를 만드는데 사용하는 대표적인 웹 표준 언어
- 웹 브라우저에서 해석됨
- PHP로 작성된 문서는 HTML로 해석한 후 사용자에게 보여짐 ▶️ PHP server의 설치 필요
HTML의 구성
- 태그(Tag) : <'와 '>'로 둘러싸인 일종의 표현 명령어로 시작 태그와 종료 태그가 있음
- 요소(Element): 여는 태그, 닫는 태그, 내용 모두를 통틀어 요소라고 함
- 속성(Attribute) : 태그에 들어가는 표현 명령어로 옵션 형태의 속성을 지정함
- 인수(Argumnent): 속성과 관련된 값
HTML 태그의 분류
| 단일 태그 | - 형태 : <tag> - 닫는 태그 없이 단독으로 사용하는 형태(예) ex) <BR> |
복합 태그 |
- 형태 : <tag_name> ..<tag_name> - 여는 태그와 닫는 태그의 쌍으로 이루어진 형태 ex) < font> . . . </font> |
| 속성을 포함한 태그 | - 형태: ‹tag_name attribute_name="value"> ... </tag_name> - Tag에 상세한 옵션을 제공함. 이 속성의 정의로 태그를 다양하게 사용할 수 있음 ex) <BODY bgcolor="black"> ... </BODY> |
HTML 태그 종류
| 형 식 | 구성 | 내용 |
| 문서의 기본 구조에 대한 태그 | ||
| <HTML> | <HTML> ... </HTML> | HTML 언어로 작성되어 있다는 것을 알려줌, 문서의 시작 |
| <HEAD> | <HEAD> ... </HEAD> | Heading의 준말로 글의 머리말에 해당, 소개 및 탐색에 도움을 주는 콘텐츠를 나타낸다 |
| < BODY > | <BODY> ... </BODY> | 본문에 해당하는 부분을 표시 |
| <TITLE> | <TITLE> ... </TITLE> | 타이틀 바에 새겨질 글자를 정의 |
| <ARTICLE> | <article> ... </article> |
해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용 |
| <Hn> | ‹H3> ... </H3> | 표제 부분에 들어갈 말을 정의 n 값은 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아지며, 기본값은 4 |
| <!- ... -> | <!- 주석내용 -> | 주석을 표기할 때 사용 |
| 표 만들기 태그 | 구성 | 내용 |
| <TABLE> | <TABLE BORDER=>... </TABLE> | 표의 전체 형식을 나타냄 |
| <TR><TD > </TD></TR> | 표 내부에 들어갈 형식을 정의 | |
| <TD COLSPAN=n> | 가로 칸을 n만큼 병합 | |
| <TD ROWSPAN=n> | 세로 칸을 n만큼 병합 | |
| <TD ALIGN=...> | 표 안의 좌우 정렬 방식을 정의 |
728x90