강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

문단관련teg-문단(1)
작성자 : 99 단국강토
등록날짜 : 2009.02.10 10:16
2,342
이번에는 html 문서를 이용하여 줄바꿈과 사이띄기, 특수문자의 사용법에 대해 알아보겠읍니다. html문서는 일반텍스트 에디터나 워드프로세서에서 사용하는 문장의 줄바꿈과 문단의 구조와는 차이점이 있읍니다.
또한 특수문자의 사용에 있어서도 제한이 많이 있어 흔히 사용하는 수학기호 및 인용기호 들을 바로 사용할 수 없읍니다. 아래에 나와 있는 태그를 사용하여 줄바꾸기, 띄어쓰기, 특수문장등을 사용할 수 있읍니다.

 <br>

<br>태그는 "line BReak"의 의미로 문장을 강제로 줄바꿈하고자 할 때 사용합니다. 여러 줄의 공백 줄을 만들고자 할 경우 <br >태그를 반복 사용함으로써 문서의 빈줄을 넣을 수 있습니다. 그리고 <br> 태그의 경우 </br>태그가 필요 없습니다.

 <nobr>

<nobr>태그는 "NOline BReak"의 의미로 태그로 감싼 문장에 대해서는 줄바꿈이 이루어지지 않습니다. 이 태그는 현재 사용하고 있는 원도우즈의 화면 설정에 따라 브라우저는 한 줄에 표기할 수 없는 문장의 경우 다음 줄로 넘기는 현상을 금지시키기 위해 사용합니다.

 <p>

글을 쓰다보면 줄을 바꾸는 경우와 문단을 나누는 경우가 있습니다. 이중 앞서 설명한<br>태그의 경우 줄바꿈 만을 하는 경우이고, <p>태그는 문단을 나누는 태그입니다.
두 태그의 차이는 문단으로 나누어지는 빈 줄의 폭이 <br>태그 2개 정도의 폭으로 넓게 구분된다는 점입니다. 또한<br>태그의 경우 반복 사용하는 만큼 빈줄이 삽입되지만, <p>태그의 경우는 여러번 사용을 해도 한번의 태그를 사용한 것과 같이 나타납니다.
<br>태그 와 <p>태그는 하나씩 독립적으로 사용됩니다. 따라서 쌍으로 이루어진 태그처럼 슬래시(/) 표시를 하는 끝 태그 를 사용할 필요가 없습니다.
줄 간격을 효과적으로 사용하기 위해서는 <br>와 <p>태그를 적절히 단독 또는 혼합해서 사용하는 것이 좋읍니다.

 &nbsp

html 문서에서는 단어 사이의 공백문자(Space)를 영문 1문자 이상을 인식하지 않습니다. html 문서내에 단어 사이의 공백을 넣어도 실제 브라우저에서는 이를 표현하지 못합니다. 그러면 한 개 이상의 사이 띄기를 하고 싶을 때 어떻게 해야 할까요? 바로 특수문자를 이용하여 지정하는 방법입니다. & nbsp 를 사용하면 그 사용한 개수 만큼 빈 공간(Space)가 늘어 납니다.

 자주 사용하는 특수문자

&nbsp; 빈칸을 나타냅니다. non-breaking space 의 약어
&lt; ~보다 작다는 뜻입니다. less-than 의 약어
&gt; ~보다 크다는 뜻입니다. greater-than 의 약어
&amp; & 를 나타낼 수 있는 기호입니다.
&quot; 인용부호를 나타낼때 사용합니다. quotation maker 의 약어

[예제]
<html>
<head>
<title>예제 연습</title>
</head>
<body>
문장의 <br> 줄을 바꾸어 <br> 바꾸어 줍니다.
<nobr>
여러분! 이렇게 문장을 입력하면 어떤 현상이 생길까요?
다음 상항을 그대로 입력한 후 브라우저로 불러들여 화면을 확인하셔요.
더불어 화면의 설정 상태를 변경하여 640*480 , 800*600 , 1024*768 의 화면 모드에서 글자가 어떻게 되는지 확입하십시요.
</nobr>
여러분!<p> 이렇게 <p> 문장을 <p> 입력하면 <p> 어떻게 될까요?
단어의     사이를     이만큼     벌렸습니다. </body>
</html>

[출처]  빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
315 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2016
314 [HTML] 메타태그 정리 99 단국강토 01.05 1573
313 새창 띄울때 메뉴바 없는 윈도우 창 99 단국강토 12.30 1387
312 동영상 그림크기조절 99 단국강토 12.30 3111
311 상태바에서 움직이는 문자 M 최고의하루 12.26 2097
310 노프레임 사이트 주소 고정법 M 최고의하루 12.26 1604
309 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 2934
308 그림을 배경 전체그림으로 넣는 소스 M 최고의하루 12.24 2107
307 [글 중간에 점 찍기] M 최고의하루 12.23 2066
306 htmlarg v1.1 - editplus 용 M 최고의하루 12.23 2336
305 배너광고 소스 marquee M 최고의하루 12.20 1618
304 FORM 태그 기본 ★ M 최고의하루 12.20 2182
303 한글 및 이미지 정렬 M 최고의하루 12.19 1422
302 폼요소 - 라디오 버튼(radio button) M 최고의하루 12.19 2099
301 Embed을 이용한 멀티미디어 사용 M 최고의하루 12.18 1627
300 input file 을 이미지로 변환 M 최고의하루 12.18 1832
299 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2200
298 태그강좌 99 단국강토 02.10 2088
297 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
296 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3452
295 태그폰트 99 단국강토 02.10 2103
294 문자관련tag-텍스트 99 단국강토 02.10 1696
293 리스트 99 단국강토 02.10 2202
열람중 문단관련teg-문단(1) 99 단국강토 02.10 2343
291 문단과 관련된 태그 (2) 99 단국강토 02.10 2385
290 바디와 선 99 단국강토 02.09 1706
289 Table 태그 (1)-table 99 단국강토 02.09 2392
288 Table 태그 (2) 99 단국강토 02.09 2241
287 테이블 응용 99 단국강토 02.09 2353
286 프레임 tag-프레임(1) 99 단국강토 02.09 2150
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취