CSS
HTML 속성
혜원21
2019. 10. 11. 03:54
HTML 태그는 요소에 속성을 추가할 수 있다.
속성 값은 시작 태그에 들어간다.
속성은 name="value"로 쓴다.
예 1]
<a> 링크 태그의 href 속성 - 연결할 주소
<a href="https://nilgi.tistory.com"> 닐기 티스토리 </a>
예 2-1]
<img> 태그의 src 속성 - 이미지 파일 경로(주소)
<img src="./image/new_icon.gif">
예 2-2]
<img> 태그의 width와 height 속성 - 이미지의 가로, 세로 크기 지정.
<img src="./image/new_icon.gif" width="500" height="500">
예 2-3]
<img> 태그의 alt 속성 - 이미지를 표시할 수 없는 경우 대체할 글자 지정.
<img src="./image/new_icon.gif" width="500" height="500" art="이미지 대체 문구입니다.">
속성은 style로 정의할 수 있다.
style은 css에서 공부하기로 하고 넘어가자. 난 css를 모른다. ㅡㅡ;
- lang 속성
html에는 언어를 선언할 수 있다.
<!DOCTYPE html>
<html lang="en-US">
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid #000; padding: 15px;">
<p title="닐기">NILGI</p>
</div>
</body>
</html>
NILGI
▲ title 속성
예]
<p> 태그에 title 값이 들어가면 그 내용에 마우스를 가져갔을 때 풍선 도움말이 나온다.