1. 핵심요소
HTML에서 자주 사용하는 핵심 요소들을 알아보자.
- <div> : 블록 요소. 특별한 의미가 없는 구분을 위한 요소
- <h1> ~ <h6> : 블록 요소. 제목을 의미하는 요소. 숫자가 작을수록 더 중요한 제목을 정의.
- <p> : 블록 요소. 문장을 의미하는 요소.
- <ul> : 블록 요소. 순서가 필요없는 목록의 집합을 의미. (Unordered List)
- <li> : 블록 요소. 목록(list) 내 각 항목(item)
- <img src="" alt="" /> : 인라인 요소. 이미지를 삽입하는 요소.
- <a href="" target="" > : 인라인 요소. 다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소.
- <span> : 인라인 요소. 특별한 의미가 없는 구분을 위한 요소.
- <br/> : 인라인 요소. 줄바꿈 요소.
- <input type="" /> : 인라인 요소&블록 요소. 사용자가 데이터를 입력하는 요소. 왼쪽에서 오른쪽으로 수평으로 쌓이는 특징을 가지고 있지만 가로세로 값과 위아래 여백을 지정할 수 있음.
- <label> : 인라인 요소. 라벨 가능 요소의 제목.
- <table> : 테이블 요소. 표 요소로 행과 열의 집합.
- <tr> : 테이블 요소. 행을 지정하는 요소. (table-row)
- <td> : 테이블 요소. 열을 지정하는 요소. (table-data)
- <!-- --> : 주석문. (단축키 : Ctrl + /)
2. 전역 속성
전역속성은 전체 영역에서 모두 사용할 수 있는 속성으로, body에서 사용하는 태그들의 전체 영역에서 언제든지 사용할 수 있다.
- <태그 title=""></태그> : 요소의 정보나 설명을 지정
- <태그 style=""></태그> : 요소에 적용할 스타일을 지정
- <태그 class=""></태그> : 요소를 지칭하는 중복 가능한 이름
- <태그 id=""></태그> : 요소를 지칭하는 고유한 이름. 중복해서 사용해도 오류가 뜨지는 않지만 한 부분에만 속성 주기!!
- <태그 data-이름="데이터"></태그> : 요소에 데이터를 지정. 지금 중요한 부분은 아니므로 이건 나중에 이해하기~
'2. Front-end > 2-1. HTML' 카테고리의 다른 글
HTML - [ BEM ] (0) | 2022.04.29 |
---|---|
HTML - [ 오픈 그래프 / Favicon] (0) | 2022.04.21 |
HTML (0) | 2022.04.20 |
VS Code 사용 (0) | 2022.04.19 |