반응형
속성은 HTML 요소에 대한 추가 정보를 제공합니다.
HTML 속성
- 모든 HTML 요소는 속성 을 가질 수 있습니다
- 속성 은 요소에 대한 추가 정보 를 제공합니다
- 속성은 항상 시작 태그에 지정됩니다
- 속성은 일반적으로 name = "value" 와 같은 이름 / 값 쌍으로 제공됩니다.
| alt | Specifies an alternative text for an image, when the image cannot be displayed |
| disabled | Specifies that an input element should be disabled |
| href | Specifies the URL (web address) for a link |
| id | Specifies a unique id for an element |
| src | Specifies the URL (web address) for an image |
| style | Specifies an inline CSS style for an element |
| title | Specifies extra information about an element (displayed as a tool tip) |
href 속성
HTML 링크는 <a>태그 로 정의됩니다 . 링크 주소는 href속성에 지정되어 있습니다 .
<a href="https://www.w3schools.com">This is a link</a>
src 속성
HTML 이미지는 <img>태그 로 정의됩니다 .
이미지 소스의 파일 이름은 src속성에 지정되어 있습니다 .
<img src="img_girl.jpg">
대체 속성
이 alt속성은 이미지를 표시 할 수없는 경우 사용할 대체 텍스트를 지정합니다.
alt화면 판독기 는 속성 값을 읽을 수 있습니다. 이러한 방식으로, 시각 장애가있는 사람과 같이 웹 페이지를 "듣는"누군가가 그 요소를 "듣게"할 수 있습니다.
<img src="img_girl.jpg" alt="Girl with a jacket">
스타일 속성
이 style속성은 색상, 글꼴, 크기 등과 같은 요소의 스타일을 지정하는 데 사용됩니다.
<p style="color:red">This is a paragraph.</p>
lang 속성
문서의 언어는 <html>태그 에서 선언 될 수 있습니다 .
언어는 lang속성으로 선언됩니다 .
접근성 응용 프로그램 (스크린 리더) 및 검색 엔진에는 언어 선언이 중요합니다.
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
제목 속성
여기서 title속성이 <p> 요소에 추가됩니다 . 단락 위에 마우스를 놓으면 제목 속성의 값이 툴팁으로 표시됩니다.
<p title="I'm a tooltip">
This is a paragraph.
</p>
반응형
'Publishing > HTML' 카테고리의 다른 글
| HTML 제목 (0) | 2020.02.07 |
|---|---|
| HTML 전체 태그 (0) | 2020.02.07 |
| HTML 블록 및 인라인 요소 (0) | 2020.02.07 |
| HTML 기본 태그 (0) | 2020.02.07 |
| html이란? (0) | 2020.02.07 |