문단, 글자의 공백처리 및 줄바꿈
|
html 에서는 스페이스바를 한번 눌렀을때의 공백만 인식을 하고 엔터키나 스페이스 바를 아무리 눌러 공간을 벌려놓아도
화면출력 결과는 붙어서 나타납니다. 한 줄 , 한 칸 또는 몇 줄 , 몇 칸을 띄우려면 공백을 주는 태그명령을 주어야 합니다.
1.공백을 주는 태그의 종류
공백을 주는 방법은 다음과 같습니다
| 공백을 주기위한 태그들 | 태그의 의미 |
| 또는 &#n160; | 행에서 글자간의 사이를 한 칸 띄울때 씁니다. 이 태그를 넣은 만큼 공백으로 처리 |
| <br> | 이것은 한줄 아래로 내리고자 할때 씁니다. 줄을 바꾸고자 하는 문단 뒤에 이 태그를 넣으면
그 다음
부터 한 줄 아래로 내려지며 이 태그를 넣은 만큼 한 줄씩 내려집니다 |
| <p> | 이 태그도 위의 <br> 와 마찬가지로 줄을 바꾸고자 할 때 씁니다. <br> 태그를 사용할때보다
줄
사이의 간격이 조금 큽니다 |
| <p> 내 용 </p> | 이 태그도 위의 <p> 와 마찬가지로 줄을 바꾸고자 할 때 씁니다.
<p> 내 용 </p> 이렇게 설정하게 되면 바로 위줄과 바로 아래줄 문단사이의 간격이 벌어지게 됩니다
|
| <pre> 내 용 </pre> | 이 태그사이에서 문장이나 내용을 넣으면 엔터키나 스페이스바, 탭(Tab)으로 띄운 공간만큼
공백을 그대로 인식을 하게 되어집니다 따라서 위의 두가지 태그를 일일이 넣어주는 불편을 없어지겠지요. |
| <SPACER> | 이 태그는 키보드의 탭(Tab) 기능과 같습니다. 글자간 설정한 값만큼 뒤로 밀어내주게 됩니다
이 태그는 익스플로러(IE)에서는 역할을 하지 못하며 넷스케이프 브라우져에서만 기능을 수행합니다. |
| <BLOCKQUOTE>내 용 </BLOCKQUOTE> | 이 태그는 태그내의 내용을 들여쓰기 하는 하나의 문단으로 표시해준다 즉, 시작과 끝에 빈줄을
삽입하면서 자동으로 줄바꿈을 하게 된다. |
| <NOBR>내 용 </NOBR> | 테이블 등 폭(Width)을 미리 지정한 곳에서는 내용(문단)이 이 범위를 넘게되면 자동 줄바꿈을 하여
계속 이어서 나타내 주는데 이 태그를 이용하면 태그안의 내용들이 폭 범위를 벗어나더라도
줄바꿈을 하지 않고 내용의 길이대로 나타내준다. |
| <WBR>내 용 </WBR> | 이 태그는 위의 <NOBR> </NOBR> 태그 내에서 쓰이며 이 태그 사이의 내용들을
강제로 줄바꿈 시킬때 사용한다. |
2. 공백을 준 예제
| 공백 속성 설정 예 | 출 력 결 과 |
| 안녕하세요인터넷휴게소카페입니다 | 안녕하세요인터넷휴게소카페입니다 |
| 안녕하세요 인터넷 휴게소 카페입니다 | 안녕하세요 인터넷휴게소 카페입니다 |
| 안녕하세요<br> 인터넷 휴게소<br> 카페입니다 | 안녕하세요
인터넷 휴게소
카페입니다 |
| 안녕하세요<p> 인터넷<p>휴게소<p> 카페입니다 | 안녕하세요 인터넷휴게소 카페입니다 |
| 안녕하세요<p>인터넷휴게소</p> 카페입니다 | 안녕하세요 인터넷휴게소 카페입니다
|
<pre>
안 녕 하 세 요
인 터 넷 휴 게 소
카 페 입 니 다
</pre>
|
안 녕 하 세 요
인 터 넷 휴 게 소
카 페 입 니 다
|
| <SPACER TYPE="horizontal" size="20">안녕하세요 | 안녕하세요 : 자간 20픽셀 뒤로 밀기
넷스케이프에서만 정상적으로 표현이 되어집니다 |
| 언제나 편안한 휴식처<BLOCKQUOTE>인터넷 휴게소 카페</BLOCKQUOTE>즐거움이 있습니다 | 언제나 편안한 휴식처인터넷 휴게소 카페즐거움이 있습니다 |
문장이나 단어 사이에 공백을 주거나 줄바꿈을 하고자 할때 위의 태그를 사용하며
, <br> , <p> 태그는 넣은 횟수만큼 공백이 생기게 됩니다.
|
|
|