모든 HTML 요소들은 속성을 갖을 수 있는데요.
HTML 속성(Attribute)은 요소들에게 추가 정보를 제공합니다. 또한 모든 속성은 시작태그에만 붙일 수 있고, 종료태그에는 붙일 수 없습니다.
<속성들을 배워보자!>
아래 예시를 살펴볼까요? <a> 태그에는 href라는 속성이 붙습니다. 해당 속성은 클릭 시 어느 페이지로 이동할지에 대한 URL를 적어두는곳인데요. 기본적으로 모든 속성들은 웹페이지에서 눈으로 보이진 않습니다.
<img>태그는 HTML에 이미지를 삽입할 때 사용하는 태그입니다. <img>태그와 함께 src 속성이 사용되는데요.
src 속성에는 삽입하고 싶은 이미지의 경로를 집어넣습니다.
이 밖에 <img>태그는 width와 height 속성을 추가로 붙일 수 있는데요. 해당 속성을 통해 이미지의 가로 세로 사이즈를 조절 가능합니다.
style이라는 속성도 있는데요. style 속성은 요소에 컬러,폰트,사이즈 등을 변경할 때 사용되는 속성입니다.
lang 속성은 첫 <html> 태그에 붙는 속성으로써, 웹페이지에게 어떤 언어로 html이 구성되어있는지 설명해주는 속성입니다.
속성을 사용할땐 꼭 따음표를 써야하는데요. 나중에 배울 수도 있는 XHTML에서는 더욱 깐깐하게 따음표를 사용하길 권장하고 있습니다.
'Learn HTML' 카테고리의 다른 글
| [HTML 독학 #6] Paragraphs 관련 태그 정리 (0) | 2021.12.21 |
|---|---|
| [HTML 독학 #5] HTML Headings 태그 정리 (0) | 2021.12.17 |
| [HTML 독학 #3] HTML 요소(element)란? (0) | 2021.12.13 |
| [HTML 독학 #2] HTML 기본형식 공부하기 (0) | 2021.12.11 |
| [HTML 독학 #1] HTML 태그 구성 (0) | 2021.12.10 |
