본문 바로가기
Publishing/HTML

HTML 속성

by 오다다 코드 오다다 Code 2020. 2. 7.
속성은 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
html이란?  (0) 2020.02.07

댓글0