본문 바로가기
Software/HTML

[HTML] 전역 속성

by 리미와감자 2023. 1. 11.

전역 속성

전역 속성은 모든 HTML 태그에서 공통으로 사용할 수 있는 속성을 의미한다.

 

<태그명 속성명="속성값" 속성명="속성값"> 콘텐츠 </태그명>

 

대표적인 전역 속성 4개

id : 요소에 고유한 이름은 부여하는 식별자 역할 속성.
class : 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성.
style : 요소에 적용할 CSS 스타일을 선언하는 속성.
title : 요소의 추가 정보를 제공하는 텍스트 속성. 사용자에게 툴팁 제공.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>컨테이너 사용하기</title>
</head>
<body>
    <h1 class="title"><span>제목</span>입니다. 크기가 가장 커요.</h1>
    <h2>나도 제목입니다. h1에 비해 약간 작아요.</h2>
    <div id="image">
        <img src="Girl_with_a_Pearl_Earring.jpg" title="진주귀걸이를한 소녀" width="400" height="473">
        <p> 이미지 파일 테스트입니다. </p>
    </div>
    <div id="study">
        <h2 class="title"><strong>HTML 기초 마스터하기</strong></h2>
        <p>공부만이 살길이다</p>
    </div>
</body>
</html>

 

이미지에 마우스 커서를 올리면 툴팁(진주귀걸이를한 소녀)가 표시된다.

'Software > HTML' 카테고리의 다른 글

[HTML] 메타(Meta) 태그  (0) 2023.01.12
[HTML] 폼 태그  (0) 2023.01.11
[HTML] 태그 기초  (1) 2023.01.10
[HTML] HTML 기초 문법  (0) 2023.01.09
[HTML] HTML 기초  (0) 2023.01.09

댓글