HTML 태그와 주석

태그

HTML에서 태그는 정보의 종류를 구분하는데에 사용!
스타일 정보는 CSS로 분리가 되었다고 한다.

<h1> ~ <h6>
  - 제목을 지을 때 사용되는 태그로 숫자가 높을수록 낮은 단계를 의미한다.

 <p>
  - 문단을 나타내는 태그로 기본상태일 때 사용 시 줄바꿈이 된다.

<br>
  - 줄바꿈을 나타내는 태그로 닫는 태그가 필요없으며, <br/>, <br />와 혼용되기도한다.
  - 남용하지 않는것이 좋다.

<hr>
  - 가로줄을 나타내는 태그로 닫는 태그가 필요없다.

&nbsp;
  - 스페이스(공백)를 강제할 때 나타내는 태그로 많이 사용되지는 않지만 알아두자.

<strong>
  - 중요한 내용임을 명시하기 위해 사용한다.

<i>
  - CSS를 사용해서 문맥중에 다른 폰트를 사용할 때 사용한다.

<em>
  - 강조할 내용임을 명시하기 위해 사용한다.

<sup>
  - 위 첨자 태그로 지수나 서수를 표기할 때 사용된다(1st, 2nd, x^n 등)

<sub>
  - 아래 첨자 태그로 각주, 변수, 화학식을 표기할 때 사용된다.

<u>
  - CSS와 함께 철자 오류를 표시하기 위해 사용된다.

<s>
  - 더 이상 유효하지 않은 정보를 타나내기 위해 사용된다.(취소선)

<blockquote cite="">
  - 비교적 긴 인용문에 사용된다.
  - cite라는 속성으로 출처를 표시하게 된다.(생략가능)
  - 주로 들여쓰기를 한 것으로 표현된다.

<cite>
  - 창작물의 출처를 표기할 때 사용된다.
  - 제목을 반드시 포함해야한다.

<q cite="">인용내용</q>
  - 비교적 짧은 인용문에 사용된다.
  - cite 속성으로 출처를 표기한다.(생략가능)
  - ""로 감싸서 내용이 표시된다.

<mark>
  - 인용문 중에 하이라이트 또는 사용자 행동과 연관된 곳을 표시하기 위해 사용된다.

<abbr title="풀네임">약자
  - 약자를 나타내기 위해 사용한다.

이 외에도 수많은 태그들이 존재한다.

Entity name

  - < (&lt;), >(&gt;) 등 어떤 문자를 프로그램 상 용어로 인식하지 않도록 하기 위해 사용

이 곳에 들어가면 HTML에서 사용되는 Entity name이 뭐가 있는지 볼 수 있다.

주석
<! --여기 내용 작성하면 한 줄-->

<! --이렇게 쓰면
여러 줄 주석 -->

---

주석을 간단하게 사용하는 방법(VSCode기준)

• 윈도우(영어 자판): Ctrl + /
• Mac : Command + /