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

문단과 관련된 태그 (2)
작성자 : 99 단국강토
등록날짜 : 2009.02.10 10:15
2,384
<div>

div 태그는 다양한 목적으로 사용할 수 있는 범용요소로써 자동 줄 바꿈기능을 가지고 있습니다. class 속성이나 id 속성, lang 속성과 함께 사용함에 따라 임의의 범위에 스타일을 설정할 수 있을 뿐아니라 언어를 표시할 수 있습니다.
같은 목적으로 사용하는 span 태그는 줄바꾸기 기능이 없습니다.

align left   왼쪽정렬
center   가운데정렬
right   오른쪽정렬
justify   양쪽정렬


 <span>

span 태그도 역시 다양한 목적으로 사용할 수 있는 범용요소로써 div 태그와 같지만 줄 바꿈기능이 없다는 점이 다릅니다.

 <Blockquote>


문장을 작성하다 다른 사람의 글을 인용하는 경우와 같이 일정한 간격으로 들여 쓰기를 해야 할 경우가 생깁니다.
이때 사용하는 태그가 blockquote 태그로 해당하는 태그로 둘러 쌓인 문장은 브라우저를 기준으로 문장이 들여쓰기가됩니다.

 <!-- --> (주석)


브라우저 화면에는 나타나지 않지만 잃어버릴 염려가 있는 내용은 html 문장 내에 숨겨서 제작자만 볼 수 있게 주석을 달 수 있습니다. html 에서는 주석을 달기 위해서 <!-- --> 태그를 사용합니다. 대부분의 프로그램 언어에도 이와 같은 기능이 있어 후에 제작자가 보더라도 쉽게 내용을 파악할 수 있게 하며, 더불어 수정시 html 적용부분을 쉽게 파악할 수 있어 작업을 용이하게 합니다. 주석은 메모장으로 읽어 드리거나 페이지 소스 메뉴를 이용하면 볼 수 있습니다.

[예제]
<html>
<head>
<title>주석 문단정렬 인용 </title>
<body>
이 글은 아무것도 정열을 하지않은 글 입니다
<div align="left"> 이 글은 왼쪽 정렬을 한 글입니다</div>
<div align="center"> 이 글은 가운데 정렬을 한 글입니다</div>
<div align="right"> 이 글은 오른쪽 정렬을 한 글입니다</div>
<!--
이 글은 주석문으로 처리한 글입니다. 그러기 때문에 웹 브라우저로 보면 보이지 않을 겁니다. 여러분들도 따라 해보세요. 신기하지요. 전혀 안보여요.
-->
여기는 태그에 영향을 받지 않는 앞 줄입니다. 어느 정도 들여 쓰기가 되는지 확인하기 위한 문장입니다.
<blockquote>
이 태그로 감싸면 그 태그 이후는 자동으로 들여 쓰기가 됩니다. 또한 감싸인 부분은 모두 들여 쓰기가 됩니다. 브라우저에 따라서는 이 태그의 앞과 뒤 부분이 자동으로 벌어지는 경우도 있습니다.
</blockquote>
여기는 태그의 영향을 받지 않는 뒷 줄입니다. 어느 정도 들여쓰기가 되는지 확인하기 위한 문장입니다.
</body>
</html>

[출처] 빛남이

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

Comments

번호 제목 글쓴이 날짜 조회
315 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2015
314 [HTML] 메타태그 정리 99 단국강토 01.05 1573
313 새창 띄울때 메뉴바 없는 윈도우 창 99 단국강토 12.30 1386
312 동영상 그림크기조절 99 단국강토 12.30 3111
311 상태바에서 움직이는 문자 M 최고의하루 12.26 2096
310 노프레임 사이트 주소 고정법 M 최고의하루 12.26 1603
309 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 2934
308 그림을 배경 전체그림으로 넣는 소스 M 최고의하루 12.24 2106
307 [글 중간에 점 찍기] M 최고의하루 12.23 2066
306 htmlarg v1.1 - editplus 용 M 최고의하루 12.23 2336
305 배너광고 소스 marquee M 최고의하루 12.20 1617
304 FORM 태그 기본 ★ M 최고의하루 12.20 2182
303 한글 및 이미지 정렬 M 최고의하루 12.19 1421
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 2199
298 태그강좌 99 단국강토 02.10 2087
297 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
296 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3451
295 태그폰트 99 단국강토 02.10 2103
294 문자관련tag-텍스트 99 단국강토 02.10 1696
293 리스트 99 단국강토 02.10 2202
292 문단관련teg-문단(1) 99 단국강토 02.10 2342
열람중 문단과 관련된 태그 (2) 99 단국강토 02.10 2385
290 바디와 선 99 단국강토 02.09 1706
289 Table 태그 (1)-table 99 단국강토 02.09 2391
288 Table 태그 (2) 99 단국강토 02.09 2241
287 테이블 응용 99 단국강토 02.09 2352
286 프레임 tag-프레임(1) 99 단국강토 02.09 2150
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취