📂 HTML 태그
📌 h 태그
문서에 대한 정보를 나타내는 태그
문서 내의 h1은 하나만!
1
2
3
4
5
6
7
<h1>hello world</h1>
<h2>hello world</h2>
<h3>hello world</h3>
<h4>hello world</h4>
<h5>hello world</h5>
<h6>hello world</h6>
<!-- h${hello world}*6와 동일 -->
📌 p 태그
문단을 나타내는 태그
1
2
3
<p>hello world</p>
<p>H<sub>2</sub>0</p>
<p>x<sup>2</sup>=4</p>
📌 br 태그
개행을 위한 태그(enter가 아닌 br 태그를 이용해야 함.)
📌 hr 태그
구분선을 나타내는 태그
📌 a 태그
어디론가 이동하게 해주는 태그
1
2
3
4
5
<a href="https://day0522.github.io/">click</a> <!-- url로 이동 -->
<a href="https://day0522.github.io/" target="_blank">click</a> <!-- 새 창에서 url로 이동 -->
<a href="./index.html">click</a> <!-- 현재 폴더의 파일로 이동 -->
<a href="#move">click</a> <!-- move라는 id를 가진 태그로 이동 -->
<a href="./test.png" download>click</a> <!-- 해당 파일 다운로드드 -->
📌 link 태그
해당 문서와 외부 소스(external resource) 사이의 관계를 정의할 때 사용
1
2
3
<head>
<link rel="stylesheet" type="text/css" href="/examples/media/expand_style.css">
</head>
📌 strong/b 태그
굵은 폰트로 적용해주는 태그
이때 strong 태그는 음성 인식 시 강조해서 읽는다. (시각 장애인을 위함)
📌 em/i 태그
기울어진 폰트로 적용해주는 태그 이때 em 태그는 음성 인식 시 강조해서 읽는다. (시각 장애인을 위함)
📌 mark 태그
폰트를 강조해주는 태그(이떄 강조의 색은 CSS로 변경 가능)
📌 그외 태그
- abbr : 준말 표현(NASA)
- kbd : 키보드
- pre : 있는 그대로
- code : 코드블록
- cite : 인용(q는 인용구, cite는 인용블록)
📌 주석 작성
Ctrl + / 를 통해 쉽게 작성할 수 있다.