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

문단관련teg-문단(1)
작성자 : 99 단국강토
등록날짜 : 2009.02.10 10:16
2,341
이번에는 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

번호 제목 글쓴이 날짜 조회
3075 무비클립 복사하기 99 단국강토 02.16 2281
3074 DateChooser (콤포넌트 중에서) 99 단국강토 02.16 1603
3073 ProgressBar component 99 단국강토 02.16 2095
3072 MenuBar Components 99 단국강토 02.16 1305
3071 FLV 만들기 99 단국강토 02.16 1569
3070 플래시에서 pc cam 영상보여주기 99 단국강토 02.16 1216
3069 외부 동영상 동적으로 이용하기 99 단국강토 02.16 1625
3068 Library 에서 사용하지 않는 심볼들 99 단국강토 02.16 2812
3067 Library 의 심볼 정렬 99 단국강토 02.16 1648
3066 Shared library assets 1 99 단국강토 02.16 1512
3065 Shared library assets 2 99 단국강토 02.16 1799
3064 Inspectable에서 배열 설정법 99 단국강토 02.16 2063
3063 어떤 외국인의 Tween을 이용하는 소스 99 단국강토 02.16 1354
3062 1-2.[HTML 기초] 메모장 - ② HTML 도구 99 단국강토 02.10 3141
3061 1-1.[HTML 기초] HTML - ① HTML 개념 99 단국강토 02.10 2259
3060 메타태그(META TAG) 99 단국강토 02.10 2640
3059 테이블 모든 99 단국강토 02.10 3060
3058 IFRAME 속성 99 단국강토 02.10 2310
3057 글목록(li 태그) 표시에 대한 새로운 아이디어 99 단국강토 02.10 2256
3056 iframe 대신 쓸수있는 오브젝트 99 단국강토 02.10 3135
3055 태그강좌 99 단국강토 02.10 2087
3054 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
3053 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3451
3052 태그폰트 99 단국강토 02.10 2102
3051 문자관련tag-텍스트 99 단국강토 02.10 1695
3050 리스트 99 단국강토 02.10 2202
열람중 문단관련teg-문단(1) 99 단국강토 02.10 2342
3048 문단과 관련된 태그 (2) 99 단국강토 02.10 2384
3047 테이블 라운드 처리 99 단국강토 02.10 1971
3046 textarea CSS 99 단국강토 02.10 2226
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취