yubi5050
2022. 4. 18. 20:25
1. 기본 태그
| <!DOCTYPE html> |
웹 문서의 유형을 html로 지정 |
| <html lang="en"> |
문서 언어를 영어로 지정 |
| <head> |
브라우저의 정보를 입력하는 곳 |
| <meta> |
메타 데이터 ex) <meta charset="UTF-8"> |
| <title> |
문서 제목 |
2. 문서 구조 태그
| <body> |
문서 내용 영역 |
| <header> |
헤더 영역 |
| <main> |
메인 영역 |
| <section> |
콘텐츠 영역 |
| <aside> |
사이드 바 영역 |
| <footer> |
바닥 영역 (<-> header 영역) |
| <nav> |
내비게이션 영역 |
3. 내용, 텍스트 태그
| <h1> ~ <h5> |
제목 |
| <div> |
블럭 영역 |
| <p> |
단락 |
| <br> |
줄 바꿈 |
| <blockquote> |
인용문, 들여쓰기 적용됨 |
| <strong>, <b> |
텍스트 굵게, Bold |
| <em>, <i> |
텍스트 기울임 |
| <u> |
텍스트 밑줄 |
| <s> |
텍스트 취소선 |
| <a> |
하이퍼 링크 |
| <label> |
라벨 |
| <img> |
이미지 |
| <audio>, <video> |
오디오, 비디오 |
4. 목록 (List) 태그
| <ol> |
순서가 있는 목록 (ordered list) |
| type |
"1" |
숫자(기본값) |
| "a" |
영문 소문자 |
| "A" |
영문 대문자 |
| "i" |
로마 숫자 소문자 |
| "I" |
로마 숫자 대문자 |
| <dl> |
<dt> |
설명할 용어 |
| <dd> |
설명할 내용 |
| <ul> |
순서가 없는 목록 (unordered list) |
5. 표 (테이블) 태그
| <table> |
테이블 만들기 |
| <caption> |
표 제목 |
| <thead> |
표 헤더 |
| <tbody> |
표 본문 |
| <tr> |
행 삽입 |
| <td> |
셀 삽입 |
| <tfoot> |
표 바닥 |
| <td>, <th> |
rowspan, colspan ( 2개의 행/열 합치기) |
6. 폼(Form) 태그
| <form> |
method= |
get |
GET 방식 |
| post |
POST 방식 |
| name= |
폼 이름 지정 |
| action= |
서버 지정 |
7. Input 태그
| <input> |
type= |
text |
텍스트 |
| password |
비밀번호 |
| url |
url 주소 |
| email |
이메일 주소 |
| tel |
전화번호 |
| date |
연, 월, 일 |
| time |
시, 분, 초, 분할 초
|
| datetime |
연, 월, 일, 시, 분, 초, 분할 초 |
| submit |
전송 버튼 |
| file |
파일 첨부 버튼 |
| radio |
value |
값(항목) 들 |
| checkbox |
value |
값(항목) 들 |
| checked= |
기본으로 선택하고 싶은 항목 |
8. 기타 태그들
| <textarea> |
텍스트 입력 |
| rows= |
세로 줄 수 (스크롤 막대 자동생성) |
| cols= |
가로 문자 수 |
| <select> |
드롭다운 목록 |
| size= |
항목 개수 |
value=
|
값 |
| selected= |
기본 선택 항목 |
| <button> |
버튼 |
| type="button" |
일반 버튼 |
| type="submit" |
폼을 서버로 전송 |
| onclick= |
클릭 시 실행 함수
|
| value= |
버튼 표시 내용 |