HTML 공부하기 5번째시간입니다. 점점 더 알아가고 있는 HTML !! 마스터를 위해 모두 파이팅!!!
<p>태그를 이용하여 align속성을 이용해보겠습니다.
아래 세가지를 통해서 정렬하도록하겠습니다.
- left
- center
- right
예제를 보실까요?
<html>
<head>
<title> OracleJava it공부하기</title>
</head>
<body>
<p align="left">
1<br>
동해물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세<br>
무궁화 삼천리 화려강산<br>
대한 사람, 대한으로 길이 보전하세 <br>
</p>
<p align="center">
2<br>
남산 위에 저 소나무, 철갑을 두른 듯<br>
바랍서리 불변함은 우리 기상일세<br>
무궁화 삼천리 화려강산<br>
대한사람, 대한으로 길이 보전하세 <br>
</p>
<p align="right">
3<br>
가을 하늘 공활한데 높고 구름 없이 <br>
밝은 달은 우리 가슴 일편단심일세<br>
무궁화 삼천리 화려강산<br>
대한사람, 대한으로 길이 보전하세
</p>
<p align="center">
4<br>
이 기상과 이 맘으로 충성을 다하여 <br>
괴로우나 즐거우나 나라 사랑하세<br>
무궁화 삼천리 화려강산<br>
대한사람, 대한으로 길이 보전하세<br>
</p>
</body>
</html>
[하핫... 애국가로 4절까지 했더니 좀 길어졌네요.. ]
저장은 html공부5.html 했습니다.
결과를 보시겠습니다.
이해가 가시나요?? 안가시면 아래 뎃글을 달아주시면 도움을 드리도록할께요~
다음시간에는 < hn align>을 해보겠습니다. ^-^
[HTML 공부하기 5] <p align="위치" >
★★ HTML과정, 웹표준, 웹퍼블리싱 과정을 오프라인으로 공부해보시겠다하시면 클릭을 눌러주세요~
☆ 02-6925-4760으로 연락주시면 친절한 안내를 해드립니다.
'웹표준' 카테고리의 다른 글
| [HTML공부하기 6] bgcolor속성 (0) | 2014.05.28 |
|---|---|
| [HTML공부하기 5-1] <hn align="위치"> (0) | 2014.05.27 |
| HTML 공부하기 4] <pre> 태그 (0) | 2014.05.24 |
| HTML공부하기 3 ] <br> 태그, <p> 태그 (0) | 2014.05.24 |
| HTML 공부2. (0) | 2014.05.22 |