HTML | 태그(Tag)

trevor1107·2020년 12월 16일
0

HTML | 입문

목록 보기
3/10
post-thumbnail

1. 태그(Tag)란?

HTML에서 사용하는 문법
여는 태그 <tag>와 닫는 태그 </tag>가 있다.
<tag>, </tag>가 한 쌍인 경우가 많다.

2. 예시

<strong>문자 강조</strong>, 결과 : 문자 강조
<u>밑줄</u>, 결과 : 밑줄
(velog에서는 밑줄 표기 지원이 되지 않는 것 같다.)

3. 모르는 태그 발견시

예를들어<br>이라는 태그를 알고 싶은 경우
구글 검색창에 "HTML br tag" 또는 "<br>"라고 검색!

4. 주로 많이 쓰는 태그

구분태그설명
글꼴<b>글자 진하게
<i>글자 기울임
<u>밑줄
<s>취소선
<sup>위 첨자
<sub>아래 첨자
<big>주변보다 크게
<small>주변보다 작게
문단&nbsp;공백문자(띄어쓰기)
&enbsp;공백문자(두칸 띄어쓰기)
&embsp;공백문자(네칸 띄어쓰기)
<br>줄 바꿈
<hr>수평 줄 넣기
<center><\center>가운데 정렬
<pre></pre>태그 안에 포함된 문자는 스페이스와
엔터를 이용한 공백 그대로 들어간다
문자&lt문자 <
&gt문자 >
&amp문자 &
&quot문자 "

태그속성설명
<div>style아래 속성의 시작문법
width가로 크기
height세로 크기
border테두리 굵기
background-color배경 색상
float정렬(좌,우)
margin여백(top,bottom,left,right)                

예)<div style="width:55px; height:30px; background-color:#bcf">화이팅</div>


profile
프론트엔드 개발자

0개의 댓글