개발공부 3일차.
이번엔 style 로 바디 배경색과
텍스트의 색상, 글꼴, 크기를 바꿔보았다
여기서부터 더 중요한 거라고 했으니 하나씩 짚어봐야겠다.
<!--body 배경색 바꾸기-->
<body style="background-color:원하는 색상">
<예시> <body style="background-color:pink;">
<!--텍스트 색상바꾸기-->
<h1 style="color:원하는 색상;">This is a heading</h1>
<예시><h1 style="color:blue;">This is a heading</h1>
<!-- 글꼴 바꾸기-->
<h1 style="font-family:원하는 글꼴;">This is a heading</h1>
<예시><h1 style="font-family:verdana;">This is a heading</h1>
<!-- 텍스트 크기 바꾸기-->
<h1 style="font-size:원하는 크기;">This is a heading</h1>
<예시><h1 style="font-size:300%;">This is a heading</h1>
<!--텍스트 색상, 글꼴, 크기 바꾸기-->
<예시> <h1 style="color:peru;font-family:verdana;font-size: 200%;">This is a heading</h1>
위에 <예시>로만 작성했을때 밑에 처럼 만들어진다.
'개발공부 > HTML' 카테고리의 다른 글
| 개발공부 5일차 - html ?! css ?! (0) | 2018.06.05 |
|---|---|
| 개발공부 4일차 - 1.html 텍스트 정렬하기(가운데정렬, 왼쪽정렬, 오른쪽정렬) (2) | 2018.05.31 |
| 개발공부 3일차 -1. html 줄바꿈 <br><pre> (0) | 2018.05.30 |
| 개발공부 2일차 - 2. html 주석달기(comment) (0) | 2018.05.29 |
| 개발공부 2일차 -1.html 목록만들기<ul><ol><li> (0) | 2018.05.29 |