반응형
// HTML 실습
font : 폰트 색상
br : 줄바꿈
a href : 링크
H1, H2, H3 : 소중대 제목
img src : 이미지
<img width ="100" height="100" src="cat.jpg">
<img width ="100%" height="100" src="cat.jpg"> // 100%로 화면에 꽉차게 넣을 수 있다.
주석 : <!-- 주석 다는 방법-->
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 |
<html>
<meta charset='UTF-8'>
<body>
HTML : <font color ="blue">Hyper-text Markup Language<br>
<font color="black">
helo world<br>
<a href="http://google.co.kr"> http://google.co.kr</a><br>
<a href ="second.html"> Move_SecondPage!<br></a>
<font color="red"> FontColor =RED
<font color="black">
<H1>
H1 Tag
</H1>
<h2>
H2 Tag
</h2>
<h3>
H3 Tag
</h3>
<img src="cat.jpg">
</body>
</html>
|
cs |
******참고 링크******
|
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 |
<html>
<meta charset='UTF-8'>
<body style = "background-color: #000000; font-size: 20px; color: white">
HTML : <font color ="blue">Hyper-text Markup Language<br>
helo world<br>
<a href="http://google.co.kr"> http://google.co.kr</a><br>
<a href ="second.html"> Move_SecondPage!<br></a>
<font color="red"> FontColor =RED
<font color="pink">
<H1>
H1 Tag
</H1>
<h2>
H2 Tag
</h2>
<h3>
H3 Tag
</h3>
<img width ="100" height="100" src="cat.jpg">
<div style="background-image: ('cat.jpg')"></div>
<div style="color: red"> next line move </div>
<div> next line move </div>
<span style="color:blue"> I don't want to next line move </span>
<span style="color: green"> I don't want to next line move </span>
</body>
</html>
|
cs |
반응형
'Study > html' 카테고리의 다른 글
| HTML,JSP - Snake game (0) | 2018.09.27 |
|---|---|
| HTML - Array, updownGame (0) | 2018.09.20 |