HTML에서 사용하는 문법
여는 태그 <tag>
와 닫는 태그 </tag>
가 있다.
<tag>
, </tag>
가 한 쌍인 경우가 많다.
<strong>
문자 강조</strong>
, 결과 : 문자 강조
<u>
밑줄</u>
, 결과 : 밑줄
(velog에서는 밑줄 표기 지원이 되지 않는 것 같다.)
예를들어<br>
이라는 태그를 알고 싶은 경우
구글 검색창에 "HTML br tag"
또는 "<br>"
라고 검색!
구분 | 태그 | 설명 |
---|---|---|
글꼴 | <b> | 글자 진하게 |
<i> | 글자 기울임 | |
<u> | 밑줄 | |
<s> | 취소선 | |
<sup> | 위 첨자 | |
<sub> | 아래 첨자 | |
<big> | 주변보다 크게 | |
<small> | 주변보다 작게 | |
문단 | | 공백문자(띄어쓰기) |
&enbsp; | 공백문자(두칸 띄어쓰기) | |
&embsp; | 공백문자(네칸 띄어쓰기) | |
<br> | 줄 바꿈 | |
<hr> | 수평 줄 넣기 | |
<center><\center> | 가운데 정렬 | |
<pre></pre> | 태그 안에 포함된 문자는 스페이스와 | |
엔터를 이용한 공백 그대로 들어간다 | ||
문자 | < | 문자 < |
> | 문자 > | |
& | 문자 & | |
" | 문자 " |
태그 | 속성 | 설명 |
---|---|---|
<div> | style | 아래 속성의 시작문법 |
width | 가로 크기 | |
height | 세로 크기 | |
border | 테두리 굵기 | |
background-color | 배경 색상 | |
float | 정렬(좌,우) | |
margin | 여백(top,bottom,left,right) |
예)<div style="width:55px; height:30px; background-color:#bcf">화이팅</div>