Edit plus로 c:/tomcat 7.0/webapps/study/htmlTest.html 에
htmlTest파일을 만든다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
안녕하세요.<br>
반갑습니다.<br>
</body>
</html>
<br>로 엔터공백. Editplus로는 엔터공백을 도구모음 클릭으로 삽입 가능하다.
<title> 은 제목줄
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<h1 align="center">안녕하세요.</h1><br>
<center>
<font face="궁서체" size="+1" color="red">반갑습니다.</font><br>
</center>
</body>
</html>
=============
align, center로 정렬가능
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<h1 align="center">안녕하세요.</h1><br>
<center>
<font face="궁서체" size="+1" color="red">반갑습니다.</font><br>
</center>
<hr size="3" width="50%" color="blue" noshade>
</body>
</html>
hr로 줄을그을수 있고 noshade로 속을 채운다. width로 전채화면의 50%
1 2 3 는 공백의 활성화가 가능하다.
<pre>
1
2
3 4 5
</pre>
이렇게하면 입력한 그대로 보여준다.
<P> 하나만 넣으면 줄바꿈
<EMBED SRC="파일명" HEIGHT="폭" WIDTH="높이" AUTOSTART="자동실행"
HSPACE="가로 여백“ VSPACE="세로 여백”>
<a href="http://www.naver.com"> 네이버 </a><br>
<a href="mailto:메일주소@gmail.com"> 메일</a><br>
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<table border="1" align="center">
<tr>
<td width="50" height="30" align="center">1</td>
<td width="50">2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr align="center">
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
table에 center를 주면 테이블이 센터, tr이나 td에 센터를주면 해당셀이 가운데정렬
<head>
<title> HTML 연습 </title>
</head>
<body>
<table border="1" align="center">
<tr>
<td width="150" height="30" align="center" colspan="3">1</td>
</tr>
<tr>
<td rowspan="2">4</td>
<td>5</td>
<td>6</td>
</tr>
<tr align="center">
<td>7</td>
<td>8</td>
</tr>
</table>
</body>
</html>
rowspan, colspan 으로 병합할 만큼의 셀을 정한다.
'개인 공부방 > JSP' 카테고리의 다른 글
| 서블릿 servlet (0) | 2011.12.06 |
|---|---|
| html 기본문법2 (0) | 2011.12.06 |
| 교재 (0) | 2011.12.06 |
| 간단한 html 문서 만들기 (0) | 2011.12.05 |
| JSP 설치 (0) | 2011.12.05 |
