Formoat's Open Blog
HTML Basic 본문
<!DOCTYPE html> : 문서 유형 지정
<html></html> : HTML 문서의 시작 과 끝
<head></head> : 웹 브라우저가 인식해야할 정보를 담는 태그
<body></body> : 웹 브라우저의 몸통으로 실제 브라우저에 표시되는 내용들이 담겨 있다.
# head 항목의 태그
<title> : 문서의 제목을 나타내는 태그
<meta> : 문서의 키워드, 제목, 요약 등 문서 자체의 메타데이터들을 담고 있다.
<style> : html문서에 css를 직접 사용할 경우 사용되는 태그
<script> : 스크립트 태그로 소스를 불러와 사용 또는 자바스크립트를 작성할 수 있다.
# body 항목의 태그
1. 제목 태그 : <h1><h2><h3><h4><h5><h6>
문서 본문의 헤드라인을 입력할 때 사용되는 태그로 h1 -> h6 순으로 점점 크기가 작아 진다.
2. 문단, 줄바꿈, 전환 : <p><pre><br><hr>
텍스트의 문단을 지정, 입력한 데이터 그대로 출력할 때 사용되는 태그,
줄바꿈 태그와 주제를 분리할 때 사용되는 태그 이다.
3. 강조 태그 : <b><strong><i><em>
스트롱 태그는 강조 태그로 텍스트를 굵은 글씨로 표시할 때 사용된다.
이엠 태그도 마찬가지로 강조 태그인데 텍스트를 기울어지게 표시한다.
4. 링크 태그 : <a><img>
하이퍼 링크 태그로 다른 URL로 이동할 때 사용된다.
이미지의 경우 이미지파일을 불러와 출력시킨다.
5. 목록 태그 : <ul><ol><li>
ul과 ol은 목록태그로 하나이상의 li태그를 가져야 하며 li또한 상위에 ul 또는 ol가 있어야 한다.
ul은 순서가 없는 태그이고, ol은 숫자로서 순서를 표시한다.
6. 레이아웃 태그 : <div><nav><section><article><aside><footer>
웹 페이지를 박스형으로 나누어 레이아웃을 짤 때 사용되며 보통 레이아웃 태그에
클래스명 또는 아이디를 주어 CSS를 이용해 레이아웃을 조정하게 된다.
7. 테이블 태그 : <table><thead><tbody><tr><th><td>
테이블 구조를 만들때 사용되며 tr은 행 td는 열을 의미한다.
테이블안에 제목의 경우 thead tr th 를 이용, 내용의 경우 tbody tr td를 이용 한다.
8. 정보 전송 태그 : <form><input><textarea><select><option>
form태그안에 데이터 정보를 입력 받아 지정된 URL로 데이터를 전송할 때 사용 된다.
input태그의 경우 사용자에게서 데이터를 입력받을 때 사용되며
text, password, button, radio, checkbox, hidden, search, date, submit, reset 등이 있다.
textarea는 여러줄의 정보를 입력받을 수 있으며, cols, rows는 너비와 높이를 나타낸다.
select는 선택박스를 의미하며 option태그 하나를 이용해 값하나는 설정 할 수 있다.
그 밖에 fieldset, legend를 이용해 폼 태그를 그룹화 시킬 수 있는데,
fieldset은 그룹을 의미하며, legend는 폼태그의 제목을 의미한다.
9. 특수 문자
공백 : or  
AND : & or &
< : < or <
> : > or >
= : - or =
'Web > HTML' 카테고리의 다른 글
| HTML Block, Inline TAG (0) | 2019.09.15 |
|---|---|
| !DOCTYPE (0) | 2019.09.15 |