본문 바로가기
스터디/publishing

[HTML] HTML 강좌, 제 2강의 - 줄 바꾸는 P 태그와 BR 태그, 여러 텍스트에 사용되는 태그

by 깝태 2011. 1. 23.
HTML 강의/HTML 강의/HTML 강좌/HTML 강좌
안녕하세요, 1강을 마치고 빨리 빨리 2강을 작성하고 있습니다. 저는 HTML 이론을 하루만에 도서관에서 끝내버리고
지금 복습차 강의를 작성하는 것인데 이렇게 복습하니깐 좋긴 좋군요, 빨리 복습 후 CSS 까지 기초만이라도 끝내고 파이썬과
C언어 그리고 자바스크립트에 다시 신경을 써야됩니다.

마찬가지로 강의 맨 밑에 예제파일이 있습니다. 공부 후 참고하세요~ ^^
먼저 줄 바꾸는 <P> 태그와 <BR> 태그를 설명해드리겠습니다.


아주 간단하게 머리에 쏙 박히게 한마디 하겠습니다.
<P> 태그는 엔터 두번, <BR> 태그는 엔터 한번 이라고 생각하면 됩니다.

P 태그를 이용하면

이렇게 위에 한 줄이 공백으로 되고 써집니다.

그러나 BR 태그를 이용하면
엔터 한번만 하고 내용이 작성됩니다.

<P> 엔터 두번, <BR> 엔터 한번! 이라고 생각하면 진짜 외우기 쉽습니다.
의외로 이 태그를 헷갈려 하시는 분들이 많더라구요,


그리고 공백(스페이스바 한번)의 역할을 하는 태그는
&nbsp; 입니다. 스페이스바 여러번 하면 될것같고 사용하는 이유는

바로 HTML 문서상에서 스페이스바를 아무리 많이 쳐대도 한번밖에
인정을 안합니다. 그러나 &nbsp; 를 이용하게 되면 여러번 써도 됩니다.

안녕하세요&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;우오오

안녕하세요     우오오

이렇게 스페이스바 역할을 하고싶을땐 &nbsp; 를 이용하시면 됩니다.

이번에 설명해드리는 태그는 <P> 태그를 이용한 문단 정렬 태그입니다.
수평으로 정렬이 가능하며 사용가능한 속성은 'left, center, right' 입니다.

<p align = "정렬방식> 이건 어디다 정렬을 할까요 </p>
이렇게 설정하시면 됩니다. 매우 간단하니 예제를 참고하세요.

이번에도 이렇게 2강은 너무나도 쉽게 끝났습니다. 역시나 HTML 은 너무나 쉬운것 같습니다.
그러나 응용하기까진... :(

첨부파일로 예제를 보내드립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

2강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.