[HTML] 글자/폰트 관련 태그 [3/13 Study]

HTML5의 기본요소

<시작태그 속성1="속성값" ...속성n="속성값">내용</종료태그>

 

 

글자/폰트 관련 태그

 

<h>

: 제목 태그

<h1~h6>까지 있다 - 숫자가 커질수록 폰트 크기는 작아진다.

h를 사용한 것과 같게 보이는 태그들 도 많지만 <h>태그를 사용한다는 것은 제목이 된다는 정보를 준다는 것이기 때문에 다른 내용과 구별해서 사용해야 된다.

<hr>

: 긴 가로선 표시

----------------------------- 실선으로 표시

<br>

:  줄 바꿈

<br> 태그를 그 맨뒤에 붙이면 삽입된 위치에서 줄이 바뀐다. ( 닫는 태그 x)

<p>

: 단락, paragraph

<p>태그를 사용하면 사용한 앞, 뒤로 빈 줄이 생기면서 단락이 생긴다.

<i>

: 기울임

<i> 태그로 감싸진 내용을 기울임 꼴로 표현한다.

<em>

: 기울임

<i> 태그보다 더 강조되고 중요한 태그이다.

기울임 꼴로 표현한다.

<b>

: 진하게

글꼴을 굵게 표시한다.

<strong>

: 진하게

<b> 태그보다 더 강조되고 중요한 태그이다.

글꼴을 굵게 표시한다.

<s>

: 취소선

단어나 문장에 가로선이 가운데로 쭉 이어진 취소선을 표시한다.

<sub>

: 아래 첨자

아래 첨자를 사용한다.

<sup>

: 위 첨자

위 첨자를 사용한다.

<pre>

:  pre 태그 내의 내용들을 적혀있는 그대로 보여주는 태그입니다.

보통 코드를 보여줄 때 사용한다.

<q>

: 글 안에 짧은 코드를 넣을 때 사용한다.

 

 

 

 

 

 

https://inpa.tistory.com/entry/HTML-%F0%9F%8F%B7%EF%B8%8F-%ED%83%9C%EA%B7%B8-%EC%9A%94%EC%95%BD%ED%91%9C

🏷️ HTML 태그</> 종류 총모음

위 사이트를 참조하면서 다시 공부했음

 

 

🔥마무리

이제 막 기본 HTML 태그들을 읽히기 시작했는데 어렵지 않고 아직 더 외워야 할 태그들은 많이 남아있다.

자주 쓰이는 태그들이기에 연습할 때 자주 사용해보고 암기 해야겠다.

오늘도 화이팅😊