- 속성은 HTML 태그들에 대한 추가 정보를 제공하는 역할을 한다.
→ 모든 HTML 태그들은 속성을 가질 수 있다.
→ 속성은 항상 start tag 에서 지정된다.
→ 속성은 항상 다음과 같은 형식을 띈다 : name = "value"
example) <a href=" url 주소 ">강코딩의 블로그</a>
- href 속성
→ <a> 태그는 하이퍼링크로써, href 속성을 가지며 기능은 페이지의 URL을 표시한다.
- src 속성
→ <img> 태그는 HTML 페이지에 이미지를 삽입하는데 사용되고, src 속성은 표시할 이미지의 경로를 지정한다.
→ example ) <img src="img_baby.jpg">
→ url 이 슬래쉬가 포함되지 않은 이미지 url을 사용하는 것이 좋다. 외부 url은 대게 슬래쉬(/)가 포함되는데,
이는 외부 사이트에서 가져온 url을 의미한다. 저작권 문제가 생길수도 있고 외부에서 이미지를 바꿔버리면
내 이미지도 바뀌어버린다.
- width 와 height 속성
→ <img> 태그는 마찬가지로 width와 height 속성도 가질 수 있다.
- alt 속성
→ alt 속성은 어떠한 이유로 이미지가 표시가 안될 경우, 이미지의 대체 텍스트를 보여준다.
- style 속성
→ style 속성은 스타일을 더해주는 태그다. 컬러/폰트/사이즈 등등....
→ (example) <p style="color:red;">This is a red paragraph.</p>
- lang 속성
→ 언어를 나타내주는 속성이다. ex) <html lang="en">
→ lang 속성에 country code 를 추가하여 나타낼 수도 있다.
ex) <html lang="en-US">
- title 속성
→ 마우스를 text에 가져다 놨을 때, 텍스트에 대한 대체텍스트를 보여준다.
ex) <p title="I'm a tooltip">This is a paragraph.</p>
'코딩일지 -언어공부방 > HTML' 카테고리의 다른 글
| HTML Paragraphs 단락 (0) | 2022.08.03 |
|---|---|
| HTML Headings 제목 (0) | 2022.08.02 |
| HTML Elements | empty tag (0) | 2022.07.31 |
| HTML Basic 기본 골격 구조 (0) | 2022.07.30 |
| HTML Editors | Notepad를 html 확장자로 저장하는 법 (0) | 2022.07.29 |