태그및 css
문단을 나누는 P태그
컴박사컴수리
2019. 2. 15. 11:27
문단을 나누는 P태그 사용법
|
태그 |
속성 |
비고 |
|
<P> |
align="left" |
왼쪽정렬 |
|
align="right" |
오른쪽정렬 | |
|
align="center" |
가운데정렬 | |
|
align="justify" |
맞춤정렬 |
P태그에서 가장 많이 사용하는 속성은 바로 align(정렬)입니다. left정렬은 항상 default로 적용되어있기때문에 잘 사용하지는 않지만 가운데정렬과 오른쪽 정렬은 종종 사용하는 정렬방식입니다. 지금 제가 운영하고 있는 티스토리에서도 내부적으로 본문의 글을 가운데정렬 시키거나 오른쪽 정렬시킬때 이 P태그의 align속성을 활용해서 정렬을 시키더군요. justify속성은 맞춤정렬인데 맞춤정렬이란 한 문단이 길어져서 화면의 끝에서 자동 줄바꿈이 일어날때 그 가장자리 부분을 일정하게 맞춰주는 정렬방식입니다. 이 P태그의 정렬은 접속 디바이스의 해상도에 맞게 반응형으로 조정되기때문에 활용만 잘하면 아주 유용하게 사용이 가능합니다.
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE>
<html>
<head>
<meta charset="EUC-KR">
<title>P_tag사용법</title>
</head>
<body>
<p>동해물과 백두산이 마르고 닳도록</p>
<p align = "right">하느님이 보우하사 우리나라 만세</p> <!-- 오른쪽 정렬 align -->
<p align = "center">무궁화 삼천리 화려강산</p> <!-- 가운데 정렬 align -->
<p align = "justify">대한사람 대한으로 길이 보전하세</p> <!-- 맞춤 정렬 align -->
</body>
</html>