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 주소 | |||
| 이메일 주소 | ||||
| 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= | 버튼 표시 내용 | ||
'HTML, CSS, JS' 카테고리의 다른 글
| [HTML, JavaScript] Video src 변경 방법 (Vanila JS, JQuery) (0) | 2022.05.27 |
|---|---|
| [CSS] 문제의 div 정렬 - Flex (1) | 2022.05.02 |
| JQuery & Ajax 정리 (0) | 2022.04.22 |
| JavaScript 정리 (0) | 2022.04.22 |
| [CSS] CSS 기초 (1) | 2022.04.19 |