취미기타/Html tag

문단관련태그 <br> 과 <p> 그리고 <div>

케이든 2012. 8. 9. 11:18

 

<br>

이 태그는 간단히 엔터의 효과를 내줍니다 글의 도중 삽입 되면 담음행으로 넘어가고 비어있는 행에서는 행을 한줄 더 삽입 합니다.

 

 

<p>

이 태그는 문단을 나눠주는 태그입니다. 단어사이에 <p>태그를 써주면 단어 사이에 빈 행을 한 줄 추가해줍니다.

 

 <p> 태그의 속성

 태그 속성  속성값   설명
<p>  align   left  내용 왼쪽 정렬
 center  내용 중앙 정렬
 right  내용 오른쪽 정렬
 justify  내용 양쪽 정렬

 

<p>태그 예제

<html>
<head></head>
<body>
<h3 align=center>블로그</h3>
<br><br><br>
<font color=red>html</font>을 배우는 것은 힘들지만<br><br><br> <U>열심히</U> 배웁시다!

<P align="left">왼쪽</P>
<P align="right">오른쪽</P>
<P align="center">가운데</P>
흠 정말 모르겠다 html은 어떻게 쓰는건지ㅋ<P>
이것을 잘 배우고 싶은데 ㅋㅋ<p>
잘해봅시다<P>
오케이 렛츠고<P>
고고고고고고
</body>
</html>

 

 

<div>

이 태그도 <p>와 같이 문단을 나눠주는 태그입니다. 하지만 차이점은 <p>태그는 빈행을 한줄 삽입해줍니다만 <div>태그는 빈행을 삽입하지 않고 문단만 나눠줍니다.

 

<div> 태그의 속성

태그 속성 속성값 설명
<div> align left 내용 왼쪽 정렬
center 내용 중앙 정렬
right 내용 오른쪽 정렬
justify 내용 양쪽 정렬

 

<p>태그 예제

<html>
<head></head>
<body>
<h3 align=center>블로그</h3>
<br><br><br>
<font color=red>html</font>을 배우는 것은 힘들지만<br><br><br> <U>열심히</U> 배웁시다!

<div align="left">왼쪽</div>
<div align="right">오른쪽</div>
<div align="center">가운데</div>
흠 정말 모르겠다 html은 어떻게 쓰는건지ㅋ<div>
이것을 잘 배우고 싶은데 ㅋㅋ<div>
잘해봅시다<div>
오케이 렛츠고<div>
고고고고고고
</body>
</html>

'취미기타 > Html tag' 카테고리의 다른 글

텍스트 관련 태그  (0) 2012.08.18
주석(comment)의 사용법  (0) 2012.08.12
html에서의 특수문자 입력  (0) 2012.08.09
제목줄태그 <h숫자>  (0) 2012.08.09
html tag의 기본구조  (0) 2012.08.09