728x90
반응형
전역 속성
전역 속성은 모든 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>
이미지에 마우스 커서를 올리면 툴팁(진주귀걸이를한 소녀)가 표시된다.
728x90
반응형
'Software > Front End' 카테고리의 다른 글
| [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 |
댓글