HTML속성
·모든 HTML요소는 속성을 가질 수 있습니다.
·속성은 요소에 대한 추가 정보를 제공합니다.
·속성은 항상 시작 태그에 지정됩니다.
·속성은 일반적으로 다음과 같이 이름,값 쌍으로 옵니다. name="value"
href 속성
HTML링크는<a>태그로 정의됩니다.
<a href="https://roxanne91.tistory.com>Roxanne의 집</a>
src속성
HTML이미지는<img>태그로 정의됩니다.
이미지 소스의 파일 이름은 src속성에 지정됩니다.
<img src="img_girl.jpg">
너비(width)와 높이(height) 특성
HTML이미지에는 이미지의 너비와 높이를 지정하는 크기 속성 집합이 있습니다.
<img src="img_girl.jpg" width="500" height="600">
이미지 크기는 픽셀(px)단위로 지정됩니다. width="500"은 500px을 의미합니다.
alt속성
이미지를 표시할 수 없는 경우 사용하는 대체 텍스트르르 지정합니다.
속성값은 화면 판독기에서 읽을 수 있습니다. 이렇게 하면 웹페이지(ex:시각장애인)를 들을 수 있습니다.
<img src="img_girl.jpg" alt="Girl with a jacket">
alt 속성은 이미지가 없는 경우에도 유용합니다.
style속성
style속성은 색상,글꼴,크기 등과 같은 요소의 스타일을 지정하는데 사용됩니다.
<p style="color:red">I am a redcolor</p>
lang 특성
문서의 언어는<html>태그에서 선언할 수 있습니다.
언어는 lang속성으로 선언됩니다.
접근성 응용프로그램(화면판독기)및 검색 엔진에 언어를 선언하는 것이 중요합니다.
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
title속성
여기는 title 속성이 <p>요소에 추가됩니다. 단락 위로 마우스를 가져가면 제목 속성의 값이 툴팁으로 표시됩니다.
<p title="I'm a tooltip">
hi i am ptag
</p>
HTML에서는 소문자 사용을 권장합니다.
큰따옴표 작은따옴표?
속성값을 둘러싼 큰 따옴표는 HTML에서 가장 일반적이지만 작은 따옴표도 사용할 수 있습니다.
경우에 따라 속성값 자체에 큰 따옴표가 들어 있으면 작은 따옴표를 사용해야 합니다.
<p title='John "ShotGun" Nelson'>
<p title="John 'ShotGun' Nelson">
'함께공부해요! > HTML5' 카테고리의 다른 글
| 7. HTML 단락 (0) | 2017.12.06 |
|---|---|
| 6. HTML 표제 (0) | 2017.12.05 |
| 4. HTML요소(Element) (0) | 2017.12.03 |
| 3. HTML basic (0) | 2017.12.02 |
| 2. 편집기 (0) | 2017.11.30 |
댓글