Beny's Study
02. text tag (글자 관련 태그) 본문
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태그입니다
태그 기호를 웹페이지에 노출하는 방법
- 인터넷에서 특수문자에 해당하는 문자표를 찾아서 배치한다
< < 꺽쇠
> > 꺽쇠
공백 ' ' (1칸 space) 공백
& & 앰퍼센드
" " 큰따옴표 -->
< html >
<br> <html>
< 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 |