기본 HTML 태그
1. <!DOCTYPE html> HTML5 문서를 선언합니다
2. <html> HTML 문서의 루트 요소입니다
3. <head> 메타데이터(문자 인코디으 스타일 등) 정보를 포함합니다
4. <h1 ~ h6> 제목을 정의합니다. 보통 H1이 가장 중요하고 h6가 가장 덜 중요합니다
5. <p> Paragraph 요소로 단락을 정의합니다
6. <br> 줄 바꿈을 삽입합니다
7. <hr> 수평선을 삽입하여 구분선을 만듭니다
Forms + input 태그
1. <form> 사용자 입력을 위한 HTML 폼을 정의합니다
2. <input> 입력 컨트롤을 정의합니다
3. <button> 클릭 가능한 버튼을 정의합니다
4. <option> 드롭다운 목록에서 옵션을 정의합니다
5. <output> 계산 결과를 정의합니다
이미지 태그
1. <img> 이미지를 지정하며 img 요소 사용하고 싶으면 src (source) 속성으로 이미지 파일의 경로를 지정합니다
2. <map> 클라이언트 측 이미지 맵을 정의합니다
3. <svg> SVG 그래픽을 위한 컨테이너를 정의합니다
링크 태그
1. <a> Anchor 요소 (앵커 요소)는 하이퍼링크를 정의합니다. href 속성으로 링크 대상 URL을 지정합니다
2. <link> 문서와 외부 리소수를 연결합니다
3. <nav> 내비게이션 링크를 정의합니다
리스트 태그
1. <ul> 영어로 Unordered list 뜻으로 순서 없는 리스트를 정의합니다
2. <ol> 영어로 Ordered list으로 순서가 있는 리스트를 정의합니다
3. <li> 리스트 항목입니다
스타일 및 시맨틱스 태그
1. <div> 불록 레벨 컨네이너로 문서의 구역을 나누는 데 사용됩니다
2. <span> 인라인 컨테이너로 텍스트의 특정 부분을 스타일링하는 데 사용됩니다
3. <search> 검색 섹션을 정의합니다
'웹 개발 (Frontend Developer) > HTML' 카테고리의 다른 글
| 시맨틱 (Semantic) HTML에 대해 (0) | 2024.07.30 |
|---|---|
| 웹 개발에서 HTML은 뭔가요? (0) | 2024.07.17 |
