HTML 스타일링
모든 HTML 요소는 기본 스타일을 가진다 : (배경색 white, 텍스트 색 black, 텍스트 크기 12px ...)
HTML 요소의 기본 스타일의 변경은 style 속성으로 할 수 있다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>태그의 속성</title>
</head>
<body>
<!--
태그는 속성이라는 것을 줄 수가 있음.
형식) <시작태그 속성="값" 속성="값"> 내용 </끝태그>
-->
<!-- align="center": 가운데 정렬-->
<!-- style="color: red;" : 글자색 빨간색으로 변경 -->
<h1 align="center" style="color: red;">제목 태그 1입니다.</h1>
<!-- align="right": 오른쪽 정렬-->
<!-- style="color: skyblue;" : 글자색 하늘색으로 변경 -->
<h2 align="right" style="color: skyblue;">제목 태그 2입니다.</h2>
<!-- align="center": 가운데 정렬-->
<!-- style="background-color: blue; color: white;" :
바탕색 파란색, 글자색은 흰색으로 변경 -->
<h3 align="center" style="background-color: blue; color: white;">제목 태그 3입니다.</h3>
<h4>제목 태그 4입니다.</h4>
<h5>제목 태그 5입니다.</h5>
<h6>제목 태그 6입니다.</h6>
</body>
</html>
'Front-End > HTML' 카테고리의 다른 글
| [HTML] HR태그(선 그리기 태그) (0) | 2021.10.06 |
|---|---|
| [HTML] font 태그 (0) | 2021.10.06 |
| [HTML] HTML에서의 특수 문자 처리 방법 (0) | 2021.10.06 |
| [HTML] pre(preformatted text) 태그 (0) | 2021.10.06 |
| [HTML] HTML에서의 주석문 / p태그, 제목태그, br태그, span태그 등 (0) | 2021.10.06 |
댓글