 |
문단.선
HTML문서에 이미지를 포함할때 사용하는 태그입니다.
문단과 선
태그로는..
<p>,<br>,<nobr>,<pre>,<blockquote>,<hr>,<center>
가 있습니다.
이 소스들과 적용된 결과를 봅시다..
| HTML 소스 |
사용 결과 |
| 문단태그 입니다. <p>
선 태그 입니다. |
문단태그 입니다.
선 태그 입니다.
|
<p align=left>왼쪽
<p align=center>가운데
<p
align=right>오른쪽
|
왼쪽
가운데
오른쪽
|
| 문단태그 입니다. <br>
선 태그 입니다. |
문단태그 입니다.
선 태그
입니다. |
<pre>
다른 태그없이 쓰는 그대로 보여주는,
태그 입니다.
</pre>
|
다른 태그없이 쓰는 그대로 보여주는,
태그 입니다. |
| <center>문장을
프레임의 가운데로 정렬시킵니다.</center> |
문장을 프레임의 가운데로 정렬시킵니다. |
|
문단에 관련된 간단한 태그였습니다..
<br>이나 <center>
같은 태그는 언제든 사용하는것이니..
꼭 외워두셔야 합니다..
다음은 div와
span관련 태그입니다.
div와 span은 한마디로 그룹적인 태그입니다.
그룹화
시켜주는 태그라 이해하시면 쉬울것입니다..
사용도는 그리 많지 않지만.. 이해하고
넘어가시면 편리합니다.
| HTML 소스 |
사용 결과 |
| 지금보시는 페이지는 <div>섬게이트의
HTML기초 강좌</div> 입니다. 섬게이트의 웹디게이트에
자주 들러주세요 :) |
지금보시는페이지는
섬게이트의
HTML기초강좌
입니다. 섬게이트의 웹디게이트에 자주 들러주세요
:) |
| 지금보시는 페이지는 <span>섬게이트의
HTML 기초강좌</span> 입니다. 섬게이트의 웹디게이트에
자주 들러주세요 :) |
지금보시는 페이지는 섬게이트의
HTML 기초강좌 입니다. 섬게이트의 웹디게이트에 자주 들러주세요
:) |
|
div 는 문장의 앞뒤로 <br>을
넣어준 결과가 나옵니다.
그치만 span은 별 결과가 없지요?
그건
뒤에 속성을 적어주면 달라집니다. |
div와, span이 공통으로 쓰는 속성을 찾아봅시다.. 속성은
태그를 사용하실
때.. <div 속성> , <span 속성> 으로 적어주시면 됩니다.
| 속성 |
설명 |
| id, class |
이속성은 하나의 HTML 문서 안에서 들어있는 요소들을 구별하기 위해
사용할 수 있는 속성입니다. |
| align |
정렬입니다.. 좌,우,중앙으로
정렬할 수 있습니다. |
|
|
style
|
스타일 시트를 넣어주실 때 사용하는 태그 입니다.
|
조금은 난해하죠?
사실 모르셔도 전체적인 태그를 사용하시는데에 대한 큰
지장은 없습니다.
너무 부담 갖지마세요~
다음은.. 선 태그에 대해
알아봅시다..
선 태그는 사용에 따라 정말 깔끔합니다.. 잘 알아둡시다.
| HTML 소스 |
사용 결과 |
| <hr> |
|
| <hr size=4> |
|
| <hr size=4 noshade> |
|
| <hr size=2 noshade width=30%> |
|
| <hr size=2 noshade width=50% align=right> |
|
|
<hr> 태그의 align속성값에는 left, center, right 가있습니다
noshade
는 입체적인 모양을 없애줍니다. |
|
