동영상 강좌보기

속성은 HTML요소에 대한 추가 정보를 제공합니다.

HTML속성

href속성

html링크는 <a>태그로 정의됩니다. 링크 주소는 href속성에 지정됩니다.

<a href="https://365ok.co.kr">링크</a>

src속성

HTML이미지는 <img>태그로 정의됩니다.

이미지 소스의 파일 이름은 src속성에 지정됩니다.

<img src="365ok.jpg">

width / height 속성

HTML이미지에는 이미지의 너비와 높이를 지정하는 크기 속성 집합이 있습니다.

<img src="365ok.jpg" width="500" height="600">

이미지 크기는 픽셀 단위로 지정됩니다. width="500"은 500픽셀 너비를 의미합니다.

alt속성

alt속성은 이미지를 표시할 수 없는 경우 사용하는 대체 문구를 지정합니다.

alt속성은 화면판독기에서 읽을 수 있습니다. (예:시작 장애인용 화면판독기)

<img src="365ok.jpg" alt="웹학교">

style속성

style속성은 색상, 글꼴, 크기 등과 같은 요소의 style을 지정하는데 사용됩니다.

<p style="color:red">단락</p>

lang속성

lang속성은 <html>태그에서 선언할 수 있습니다.

언어는 lang속성으로 선언됩니다.

언어 선언은 화면판독기 및 검색 엔진같은 경우 중요합니다.

<!DOCTYPE html>
<html lang="ko-KR">
<body>

...

</body>
</html>

처음 두 글자는 언어(ko)를 지정합니다. 방언이 있는 경우 두 자 이상의 영문자를 사용합니다.

title속성

아래 코드에서 title속성이 <p>요소에 추가되었습니다. 단락 위로 마우스를 이동하면 title속성의 값이 툴팁으로 표시됩니다.

<p title="툴팁입니다.">
단락
</p>

요약