[css study] The color of this writing is red.
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: red;
text-align: center;
}
h2 {
color: orange;
text-align: center;
}
h3 {
color: yellow;
text-align: center;
}
h4 {
color: green;
text-align: center;
}
h5 {
color: blue;
text-align: center;
}
h6 {
color: Indigo;
text-align: center;
}
p1 {
font-family: verdana;
font-size: 20px;
}
p2 {
font-family: verdana;
font-size: 30px;
}
p3 {
font-family: verdana;
font-size: 40px;
}
p4 {
font-family: verdana;
font-size: 50px;
}
p5 {
font-family: verdana;
font-size: 60px;
}
</style>
</head>
<body>
<h1>The color of this writing is red.</h1>
<h2>The color of this writing is orange.</h2>
<h3>The color of this writing is yellow.</h3>
<h4>The color of this writing is green.</h4>
<h5>The color of this writing is blue.</h5>
<h6>The color of this writing is Indigo.</h6>
<br><br>
<p1>The font size is 20 pixel.</p1><br>
<p2>The font size is 30 pixel.</p2><br>
<p3>The font size is 40 pixel.</p3><br>
<p4>The font size is 50 pixel.</p4><br>
<p5>The font size is 60 pixel.</p5><br>
</body>
</html>
Download html file above
Applying the html file above!!!
Move Site
Click Go to above site and paste the html file above and click "RUN".
'아이들의 교육 > HTML' 카테고리의 다른 글
| 링크빌딩이란? 무엇인가?(내부링크, 외부링크, 백링크, 앵커 텍스트) (0) | 2019.11.21 |
|---|---|
| [CSS 공부] 백그라운드, 폰트, 글자크기(background, font, pixel) (0) | 2019.08.08 |
| 구글 검색엔진최적화 (0) | 2019.06.30 |
| title 태그 권장사항 (0) | 2019.06.30 |
| 타이틀, title (0) | 2019.06.29 |
