Beny's Study

02. text tag (글자 관련 태그) 본문

HTML_VSC

02. text tag (글자 관련 태그)

76beny 2022. 6. 10. 21:06
 

body에 작성한다.

 

hr tag

- hr tag : 가로로 라인을 만들어주는 태그

- h1~h6 태그 : 제목을 정의하는 태그로 숫자마다 고유의 크리, 굵기 및 여백이 지정되어있음

    <h1>제목태그 h1입니다.</h1>
    <h2>제목태그 h2입니다.</h2>
    <h3>제목태그 h3입니다.</h3>
    <h4>제목태그 h4입니다.</h4>
    <h5>제목태그 h5입니다.</h5>
    <h6>제목태그 h6입니다.</h6>

제목태그 h1입니다.

제목태그 h2입니다.

제목태그 h3입니다.

제목태그 h4입니다.

제목태그 h5입니다.

제목태그 h6입니다.

 

br tag

-br태그 : 문장의 개행 해주는 inline태그

-주의 : 문장을 감싸는 태그(p,hx)는 일반적으로 한줄을 자동으로 개행한다,

            일반문장인데, 개행을 안해주면 붙음.

    <br>안녕하세요? 개행테스트 문자입니다.
    <br>br을 쓰면 한줄이 띄어집니다.

안녕하세요? 개행테스트 문자입니다.
br을 쓰면 한줄이 띄어집니다.

 

b tag

- b태그 : blod태그로 글자를 굵게 조절해주는 태그

- 굵게만 가능!

<b>b태그적용라인입니다.</b>

b태그적용라인입니다.

 

strong tag

- strong태그 : 글씨를 강조해 주는 태그
- 굵게+ 빨간색으로 글씨 표현됨( 보통은 style로 적용하고 strong는 잘 사용안함.)
<strong>strong태그 적용라인 입니다.</strong>

 

mark tag

- mark태그 : 글씨를 형광펜으로 처리해 주는 태그

<mark>mark태그입니다</mark>

mark태그입니다

 

u tag

- u태그 : 글씨를 밑줄을 쳐주는 태그
<u>u태그입니다</u>

u태그입니다

 

s tag

- s태그 : 글씨를 취소선을 쳐주는 태그
 
<s>s태그입니다</s>

s태그입니다

 

em tag / i tag

- em /i 태그 : 이텔릭체로 글씨가 기울어지는 태그
- 브라우저 마다 사용하는게 em과 i로 나누어지는데 현재는 브라우저 관련없이  둘다 사용 가능
<em>em 태그입니다</em>
<br>
<i>i태그입니다.</i>

em 태그입니다
i태그입니다.

 

q tag

- q태그 : 인용태그 (외부에서 글을 가져올때)
 <q>q태그입니다</q>

"q태그입니다"

 

blockquote tag

- blockquote태그 : 인용태그 (외부글을 가져올때)
 <blockquote>blockquote태그입니다</blockquote>
blockquote태그입니다

태그 기호를 웹페이지에 노출하는 방법

- 인터넷에서 특수문자에 해당하는 문자표를 찾아서 배치한다

    &lt; <  꺽쇠
    &gt; > 꺽쇠
    &nbsp; 공백 ' ' (1칸 space) 공백
    &amp; & 앰퍼센드
    &quot; "  큰따옴표 -->

 &lt; html &gt;
<br> &#60;html&#62;

< html >
<html>


"본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다.

이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우

민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."

 

'HTML_VSC' 카테고리의 다른 글

06. 멀티미디어 관련 태그  (0) 2022.06.10
05. div / span (영역관련 태그)  (0) 2022.06.10
04. table tag (표 관련 태그, 테이블 관련 태그)  (0) 2022.06.10
03. list tag (목록 관련 태그)  (0) 2022.06.10
01. HTML 기본  (0) 2022.06.10