<!DOCTYPE html>
02: <html>
03: <head>
04: <style type="text/css">
05: font {font-size: 10pt;
06: font-family: 굴림체;
07: font-weight: bold;
08: font-color: blue;}
09: .font1 {font-size: 20pt;
10: font-family: 궁서체;
11: font-weight: bold;}
12: .font2 {font-size: 15pt;
13: font-family: 돋움체;
14: font-weight: bold;}
15: </style>
16: </head>
17: <body>
18: <p class="font1"> 자기 소개서 </p>
19:
20: <p class="font2"> 성격 <p>
21: <p><font> 어떤 일이 주어지든지 항상 평균이상의 목적 달성하기 위해 노력을 아끼지 않는 편입니다.</font></p>
22:
23: <p class="font2"> 생활 신조 </p>
24: <p><font style="font-style: italic;"> 제 생활신조는 "사람이 되자" 입니다.</font></p>
25:
26: <p><font>주변 사람들에게 사람답게 보이기 위해서 언제나 신중한 태도를 가지고 생활하고 있습니다.</font></p>
27: </body>
28: </html>
HTML 구현
02: 03: 04: 16: 17: 18:자기 소개서
19: 20:성격
21:
어떤 일이 주어지든지 항상 평균이상의 목적 달성하기 위해 노력을 아끼지 않는 편입니다.
22: 23:생활 신조
24:제 생활신조는 "사람이 되자" 입니다.
25: 26:주변 사람들에게 사람답게 보이기 위해서 언제나 신중한 태도를 가지고 생활하고 있습니다.
27: 28:선택자 종류(출처: 웹정보구축 10강 - CSS 篇)

'웹정보구축' 카테고리의 다른 글
HTML 함수 구현 (0) | 2022.05.30 |
---|---|
css 배경 사진 / 구획 지정 (0) | 2022.05.19 |
이클립스로 HTML에 영상 및 오디오 소스 삽입하기 (0) | 2022.05.12 |
시멘틱 웹 측면서 홈페이지 분석하기 (0) | 2022.05.10 |
HTML 5.0 datalist keygen output, placeholder, autofocus, autocomplete, required, pattern 등등등... (0) | 2022.05.09 |