프런트엔드 [ HTML 웹 문서 ] 텍스트 태그

---

[ HTML 웹 문서 ] 텍스트 태그 학습하기

 

---

[ 텍스트 태그 ]

 

HTML의 'body'는 기본적으로 '블록 레벨 요소'로

태그를 사용할 때 한 줄 전체 공간을 차지하여 '블록'을 만드는 요소 : 너비가 100%이다.

---

<hn> 태그 - 제목표시

기본형 : <hn>제목</hn>

제목을 표시할 때 사용하는 태그

'n'에는 정수가 들어가며

크기는 : h1 > h2 > h3 > h4 > h5 > h6 순서이다.

'숫자가 작을수록 크다'

---

<p>태그 - 텍스트 단락

기본형 : <p>텍스트</p>

입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다.

<p>태그 사이에 빈 줄이 생겼다.

---

<br>태그 - 줄 바꾸기

기본형 <br>

줄을 바꿀 위치에 <br>태그를 사용, 닫는 태그가 없다.

<p>태그 안에서 줄 바꿈을 할 때는 <br>태그를 사용해야 한다.

---

<blockqutoe>태그 - 인용문 넣기

기본형 : <blockquote></blockquote>

다른 텍스트보다 안으로 들여 써진다.

---

<strong>, <b> - 굵게 표시

기본형 : <strong>내용</strong>

<b>내용</b>

<strong>태그는 중요한 내용이라서 강조해야 할 때 사용

<b>태그는 단순히 굵게 표시할 때 사용

---

<em>, <i> - 이탤릭체로 표시하기 (기울이기)

기본형 : <em>내용</em>

<i>내용</i>

<em>태그는 흐름상 특정 부분을 강조하고 싶을 때 사용

<i>태그는 단순히 이탤릭체로 표시할 때 사용

 

>> 기본형인 <b>태그와 <i>태그를 더 많이 쓴다.

---

지금까지 [ HTML ] 웹 문서 '텍스트 태그'에 대해 알아보았습니다.

 

다음 포스팅에서는 [ HTML ] 웹 문서 '목록 만들기'에 대해 알아보겠습니다.

 

❤긴 글 읽어주셔서 감사드립니다❤

---