728x90
홈페이지 기본형식
<html> - 시작을 알림
<head> 내용 </head>
<title> 내용 </title>
<JavaScript>
스크립트 내용
</JavaScript>
<css>
</head>
<body>
본문내용
</body>
</html>
<h#> ~~ </h#> : 제목(굵게, 진하게)
- <h1> ~ <h6>
- 자동 줄바꿈
- align : left right center
하이퍼 링크
<a href = "URL">문자열</a>
색상 지정
link : 방문 하기전 하이퍼링크 글자색
vlink : 방문 후 글자색
alink : 방문중인 글자색
<html>
<head>
<title>test2</title>
</head>
<body background ="aaa.jpg" link = 'green' vlink ='red' alink = "margenta">
<h1>
배경그림 넣기
</h1>
<h2>
배경그림 넣기
</h2>
<h3>
하이퍼링크 테스트
</h3>
<a href = "test1.html"></a><br>
<a href = "http://www.naver.com">Naver</a><br>
<a href = "http://www.kbs.co.kr">KBS</a><br>
<a href = "http://www.nate.com">nate</a><br>
<a href = "http://www.imbc.co.kr">MBC</a><br>
그림 절대경로 : c:\imgs\aaa.jpg
상대경로 : \imgs\aaa.jpg
</body>
</html>
<hr> 선그리기
align : 정렬
size : 선 두께
color : 선의 색상 지정
width : 선의 폭 지정
<html> - 시작을 알림
<head> 내용 </head>
<title> 내용 </title>
<JavaScript>
스크립트 내용
</JavaScript>
<css>
</head>
<body>
본문내용
</body>
</html>
Body - 본문 전체의 속성 지정하기
- bgcolor - 배경색
- background - 배경그림
그림 절대경로 : c:\imgs\aaa.jpg
상대경로 : \imgs\aaa.jpg
- text - 본문 전체 글씨색상
줄바꾸기
- bgcolor - 배경색
- background - 배경그림
그림 절대경로 : c:\imgs\aaa.jpg
상대경로 : \imgs\aaa.jpg
- text - 본문 전체 글씨색상
줄바꾸기
| <p> - paragraph | <br> - line break | |
| 줄간격 | 한 단락 | 한줄 |
| 반복 | 불가능 | 가능 |
| 정렬 | align = left right center |
없음. |
<html>
<body bgcolor = "#00ffff" text = "#0000ff" background ="aaa.jpg" >
... 으으흐흐<br>
.... 뭥미? <br>
.....이것은 p<p align = "right" >
...아햏해<br>
....아해해해<br>
.....이거슨 p<p>
</body>
</html>
<body bgcolor = "#00ffff" text = "#0000ff" background ="aaa.jpg" >
... 으으흐흐<br>
.... 뭥미? <br>
.....이것은 p<p align = "right" >
...아햏해<br>
....아해해해<br>
.....이거슨 p<p>
</body>
</html>
<h#> ~~ </h#> : 제목(굵게, 진하게)
- <h1> ~ <h6>
- 자동 줄바꿈
- align : left right center
하이퍼 링크
<a href = "URL">문자열</a>
색상 지정
link : 방문 하기전 하이퍼링크 글자색
vlink : 방문 후 글자색
alink : 방문중인 글자색
<html>
<head>
<title>test2</title>
</head>
<body background ="aaa.jpg" link = 'green' vlink ='red' alink = "margenta">
<h1>
배경그림 넣기
</h1>
<h2>
배경그림 넣기
</h2>
<h3>
하이퍼링크 테스트
</h3>
<a href = "test1.html"></a><br>
<a href = "http://www.naver.com">Naver</a><br>
<a href = "http://www.kbs.co.kr">KBS</a><br>
<a href = "http://www.nate.com">nate</a><br>
<a href = "http://www.imbc.co.kr">MBC</a><br>
그림 절대경로 : c:\imgs\aaa.jpg
상대경로 : \imgs\aaa.jpg
</body>
</html>
<hr> 선그리기
align : 정렬
size : 선 두께
color : 선의 색상 지정
width : 선의 폭 지정
<html>
<head>
<title>test3</title>
</head>
<body>
<hr>
<h2>
각종 태그 속성
</h2>
<hr size = 20 color = 'red'><br>
<hr width = "500"><br>
1.<hr size = 10 color = blue align = center width = 300><br>
2.<hr size = 20 color = green align = left width = 300><br>
3.<hr size = 30 clolr = cyan align = right width = 300<br>
<b>
글씨 진하게
</b>
<br>
<big>
글씨 크게
</big>
<br>
<small>
글씨작게
</small>
<br>
<strong>
글씨 강조
</strong>
<br>
아래첨자 <sub>2</sub>
<br>
윗첨자 <sup>2</sup>
<br>
</body>
</html>
<head>
<title>test3</title>
</head>
<body>
<hr>
<h2>
각종 태그 속성
</h2>
<hr size = 20 color = 'red'><br>
<hr width = "500"><br>
1.<hr size = 10 color = blue align = center width = 300><br>
2.<hr size = 20 color = green align = left width = 300><br>
3.<hr size = 30 clolr = cyan align = right width = 300<br>
<b>
글씨 진하게
</b>
<br>
<big>
글씨 크게
</big>
<br>
<small>
글씨작게
</small>
<br>
<strong>
글씨 강조
</strong>
<br>
아래첨자 <sub>2</sub>
<br>
윗첨자 <sup>2</sup>
<br>
</body>
</html>