본문 바로가기

이것 저것 공부/프론트엔드 백엔드 몰입교육

2일차 복습

텍스트 관련 태그

 

사용자에게 정보를 전달하기 가장 쉬운 방법은 텍스트를 이용하는 것이다.

대부분의 사이트에서 텍스트를 사용한다.

HMTL은 텍스트를 사용자에게 전달하기 용이하도록 여러 태그를 제공한다.

 

텍스트 관련 태그 - 제목

제목은 다른 텍스트보다 크고 진하게 표시

자주 사용하는 스타일은 미리 태그로 정의한 것이다.

h1 ~h6 순서로 크기가 작아진다. 종료태그도 있어야 한다.

제목 관련 태그 적용 결과

텍스트 관련 태그 - 단락

웹 문서에서 단락 구분을 위해 사용 되는 태그

편집기에서 엔터키를 입력하여 줄을 바꾸더라도 웹 브라우저에서는 줄바꿈이 되지 않음

단, 한 줄로 표시할 수 없는 경우 자동으로 줄바꿈

 

<hr> 태그

수평선을 그리는 태그로 문단이나 단락을 구분하기 위해 사용

종료 태그가 없다.

<hr>태그 실행 결과

<p> 태그

HTML의 단락은 텍스트 앞뒤로 빈 줄이 생기면서 표시

종료 태그가 있어야 한다.

<p> 태그 실행 결과

<br> 태그

웹 브라우저에서 텍스트의 줄바꿈을 표시하기 위한 태그

원하는 위치에서 줄을 바꾸기 위해 사용하거나 단락을 구분 지을 때 사용

종료 태그는 필요하지 않다.

 

텍스트 관련 태그 - 인용

인용 관련 태그

'이것 저것 공부 > 프론트엔드 백엔드 몰입교육' 카테고리의 다른 글

웹문서와 웹페이지의 차이, HTML 시맨틱 태그 1일차 복습 HTML  (0) 2021.08.26
20일차  (0) 2021.08.23
19일차  (0) 2021.08.20
vue router, axois 18일차  (0) 2021.08.20
Vue.js 17일차  (0) 2021.08.18