Binary World

<HTML> HTML style 삽입 본문

개발자의 길/Web Programming

<HTML> HTML style 삽입

모쿠 2017. 3. 28. 14:12

<HTML의 글자형태, 색, 배경 등을 지정>


- style을 사용


* 각 색깔별로 이름 찾기 *



<03_style.html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>style</title>
</head>
<body style="background-color: cyan">
 
<h1 style="color: blue; background-color: green;">HTML Style</h1>
 
<div style="background-color: #f0f0f0; font-family: 궁서체; font-size: 20px">
비만은 당뇨병 및 고지혈증이 생긴다.

 
   <div style="color: orange; font-family: serif">ABCDEFG</div>
    <div style="color: red; font-family: sans-serif">HIJKLMN</div>
    <div style="color: purple">OPQRSTU</div>
</div>
 
<img alt="달리" src="images/pic2.jpg" style="width: 200px; height: 200px;" />
</body>
</html>
cs


저작자표시 비영리

'개발자의 길 > Web Programming' 카테고리의 다른 글

<HTML> List 생성하기  (0) 2017.03.28
<HTML> 글자 포멧  (0) 2017.03.28
<HTML> 태그에 대한 이해  (0) 2017.03.28
<HTML> HTML 파일 웹에서 실행하기  (0) 2017.03.28
<HTML> HTML을 사용하기 위한 환경 설정  (0) 2017.03.28
'개발자의 길/Web Programming' Related Articles more
Comments