패스트캠퍼스 챌린지 7일차

yunyj99 2021. 11. 7. 19:37

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 + /)

전역속성은 전체 영역에서 모두 사용할 수 있는 속성으로, body에서 사용하는 태그들의 전체 영역에서 언제든지 사용할 수 있다.

※ 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.