영상시 태그법

[스크랩] 태그 기초 = 문자 태그

작은샘 큰물줄기 2016. 3. 21. 20:07

태그 기초 = 문자 태그

 




여러 가지 문자 관련 속성을 알아봅니다.

1.이건 약간 비슷하긴 하지만, 문자의 크기를 정하는 태그입니다.

view-source:       

결과

<h1> 크다 </h1>

크다

 <h3> 중간 </h3>

중간

 <h5> 작다 </h5>

작다

 <h1> 부터~ </h6> 까지 있으며. 숫자가 클수록 크기가 작음.(font태그와는 반대죠)

2.문자 크기를 굵게.

<b> 음냐 </b> 음냐

3.문자를 이탤릭체로 나타내기.

<l> 이탤릭체 </l>

이탤릭체

 

 

4.문자에 밑줄을 침.

<u> 중요 </u>

중요

 

 

5.문자를 주변문자보다 크게.

으<big>으하하</big>하

으하하

 

 

6.문자를 아래첨자,윗첨자로 표현.

아<sub>래첨</sub>자

래첨

 윗<sup>첨</sup>자


 

 


7.문자를 주변문자보다 작게.

주변보다<small> 작냐</small>훗

주변보다 작냐




8.글씨나 이미지, 테이블 등을 위치 정렬하는 태그입니다.


<div align="right">오른쪽구석</div>

결과->

오른쪽구석 

<div align="left">왼쪽퉁이</div>

결과->

 왼쪽퉁이

<center>중앙*-_-*</center>

결과->

 중앙*-_-*

 

 

↓ 다음은 문자태그는 아니고. 그냥 유용할거같은 문서속성.

마크업태그입니다. ↓

1.저작권표시(©)의 삽입 : ©

문서에 대한 저작권 표시를 삽입하려면 반드시 특수문자 (©)를 사용해야 합니다. 단, ©만 사용해도
되지만, 넷스케이프 내비게이터에 깨지지 않고 나타나게 하려면 반드시 <font>태그와 함께 사용해야 합니다.
예) 인터넷 익스플로러 → ©


결과)  ©

2.공백 (space)의 삽입 :  

HTML문서에서는 스페이스키(Space Key)를 여러번 쳐도 1개의 공백만을 허용하죠. 따라서 여러개의
공백을 넣으려면 반드시 공백(Space)에 해당하는 특수문자( )를 사용해야 합니다.

예) 진~           짜

결과) 진~         짜

 

3.정형화된 문서(Preformatted Text) : <pre>

HTML문서에서는 [Esc]키나 [Space Bar]키의 사용은 의미가 없죠. 그런데, 여러번의 엔터 키나 여러개의 스페이스
키를 그대로 웹문서에서 나타나게 하려면 <pre> 태그를 사용해야 합니다.

 

source

결과

<pre> 사용

<pre>
하지만 드라군이 출동하면 어떨까?
 드!!
 러가 ㅅㅂㄻ
</pre>

하지만 드라군이 출동하면 어떨까?
 드!!
 러가 ㅅㅂㄻ

사용없이

하지만 드라군이 출동하면 어떨까?
 드!!
 러가 ㅅㅂㄻ
 

하지만 드라군이 출동하면 어떨까? 드!! 러가 ㅅㅂㄻ

 

 

4.주석문 : <!-- 이 사이 -->

문서를 제작하는 사람이 참고로 하고자 하는 내용을 입력해두는 태그로, 이 주석문 안에 있는 내용은 웹 브라우저에서는
보이지 않고, 소스에서만 보여집니다. 홈페이지만드는 사람들에겐 필수죠. 미도 필수

예) <!-- <textarea> � </textarea> -->

결과) ↑ "<!--" 와, "-->"  사이의 태그와 글씨 등 모두 무시 (적용되지않음)소스에서만 보입니다.


5. "<" or ">"
   마지막으로 이건 "태그에 관한 홈페이지를 만드시는 분" 께 필수가 되는 건데,

자세히 설명은 안하죠.
   태그를 설명할 때,
   웹에서 "<" 이것과 ">" 이것을 나타내는 소스 입니다.

소스

결과

<

<

>

>


Tip 6번 방식 외에 4번을 이용해서 태그 소스가 적용되지 않고 그대로 나타나게
할 수도 있습니다.

소스

<<!-->embed src="#"><<!-->/embed>

결과

<embed src="#"></embed>

출처 : 희망의 언덕
글쓴이 : ★귀여운여인★ 원글보기
메모 :