본문 바로가기

IT Study/Web

HTML 기본 실습-03

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
 
<!-- font, div -->
 
<font size="1" color="blue">폰트 크기 1,폰트의 컬러 blue</font>
<br>
 
<font size="2" color="#ff0000">폰트 크기 2,폰트의 컬러 red</font>
<br>
 
<font size="3">폰트 크기3</font>
<br>
 
<font>기본 크기</font>
 
<pre>
본 메일은 발신전용 입니다. 본 메일과 관련되어 궁금하신 점이나 불편한 사항은 네이버 도움말에 문의해 주시기 바랍니다.
직접 결제한 내용이 아니라면 결제도용신고로 문의해 주시기 바랍니다.
<font size="5" color="red">사업자등록번호:220-81-62517</font>   통신판매업 신고번호:경기성남 제 2006 - 692호   대표이사:김준구   사업자등록정보 확인
주소:경기도 성남시 분당구 불정로 6 네이버 그린팩토리 463-867   고객센터:1588-3820
</pre>
 
<!-- 
    div : 범위를 설정으로 묶을 수 있는 태그
        자체만으로는 의미가 없다.
-->
<div align="center">
    <font size="6">6크기의 폰트</font>
    <p>단락 태그</p>
</div>
 
<div style="border-style: solid; border-color: black">    <h1>여기가 h1 태그입니다.</h1>
</div>
 
<!-- link a(anchor) -->
<p>
    <a href="http://www.google.com">구글로 이동</a>
</p>
 
<a href="index1.html">index1.html로 이동</a>
<br>
 
<a href="index1.html" target="_self">현재창에서 링크</a>
<br>
<a href="index2.html" target="_black">새창으로 링크</a>
<br>
 
<!-- # = id  . = class -->
<p><a href="#c4">Chapter4로 이동</a></p>
 
<h2>Chapter1</h2>
<p>여기가 Chapter1입니다.</p>
<br><br><br><br><br>
 
<h2>Chapter2</h2>
<p>여기가 Chapter2입니다.</p>
<br><br><br><br><br>
 
<h2>Chapter3</h2>
<p>여기가 Chapter3입니다.</p>
<br><br><br><br><br>
 
<h2 id="c4">Chapter4</h2>
<p>여기가 Chapter4입니다.</p>
<br><br><br><br><br>
 
<h2>Chapter5</h2>
<p>여기가 Chapter5입니다.</p>
<br><br><br><br><br>
</body>
</html>
cs


'IT Study > Web' 카테고리의 다른 글

HTML 테이블 예제-01  (0) 2018.07.25
HTML 기본 실습-04  (0) 2018.07.24
HTML 기본 실습-02  (0) 2018.07.24
HTML 기본 실습-01  (0) 2018.07.24
H,P,BR,PRE 태그  (0) 2018.07.24