Basic tags:
- <!DOCTYPE html>: 문서 유형을 HTML로 선언합니다.
- <html>: HTML 페이지의 루트 요소입니다.
- <head>: HTML 페이지에 대한 메타데이터를 포함합니다.
- <title>: 브라우저의 제목 표시줄에 표시되는 HTML 페이지의 제목을 정의합니다.
- <body>: HTML 페이지의 표시되는 내용을 포함합니다.
Text tags:
- <h1>-<h6>: 표제어, <h1>이 가장 중요하다.
- <p>: 텍스트 단락.
- <a>: 다른 페이지 또는 리소스에 대한 링크입니다.
- <em>: 강조된 텍스트입니다.
- <strong>: 텍스트를 강하게 강조합니다.
- <u>: 밑줄 친 텍스트입니다.
- <div>: 기본 블록레벨 요소 (줄 전체 접근)
- <span>: 기본 인라인 요소 (칸으로 접근)
- <br>: 줄 바꿈.
Image tags:
- <img>: 페이지에 이미지를 표시합니다.
- <figure>: 캡션이 있는 이미지를 그룹화합니다.
Table tags:
- <table>: 테이블을 정의합니다.
- <tr>: 표에서 행을 정의합니다.
- <td>: 테이블에서 셀을 정의합니다.
List tags:
- style="list-style-type: ???" 을 통해 표기방식 바꿀수있음
- <ul>,<li> : 순서표현이 없는 리스트 형태
- <ol>,<li> : 숫자로 순서포현한 리스트형태
- <dl>,<dt>,<dd> : dt=제목, dd=내용 표현한 리스트 형태
Form tags:
- <form>: 사용자 입력을 위한 폼을 정의합니다.
- <input>: 사용자가 입력할 수 있는 필드입니다.
- <label>: 입력 필드에 레이블을 지정합니다.
- <select>: 드롭다운 목록입니다.
- <option>: 드롭다운 목록의 옵션입니다
- <textarea>: 다중 줄 입력 필드입니다.
- <button>: 클릭 가능한 버튼입니다.
'웹개발관련 > html,css 관련 내용' 카테고리의 다른 글
CSS 기본적인 예시 종합 샘플 (0) | 2023.03.13 |
---|---|
html 다중 속성 정의 예시와 class, id 차이점 (0) | 2023.03.07 |
동기강화 프로젝트 내용 정리 (CSS) (0) | 2019.11.18 |
동기강화 프로젝트 내용 정리 (0) | 2019.11.15 |