[HTML] 단락(Paragraph)

2022. 9. 16. 02:33·Language/HTML
728x90

단락(Paragraph)

단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부른다.

HTML에서는 <p>태그를 이용하여 이러한 단락을 표현한다.

<p>단락이다.</p>

<p>태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입된다.

HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못한다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문이다.

그래서 <p>태그 내에서 작성된 여러 번의 띄어쓰기와 줄 나누기는 오직 하나의 띄어쓰기로만 표현된다.

 

<br>태그(break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌 수 있다.

이러한 <br>태그는 종료 태그가 없는 빈 태그(empty tag)이다.

 

HTML 코드에서 작성한 텍스트 서식을 그대로 표현하려면 <pre>태그를 사용해야 한다.

<pre>태그(preformatted text) 내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현된다.

<pre>태그 내에 작성된 텍스트의 글꼴(font)은 고정폭 글꼴(fixed-width font)로 자동변환된다.

단락을 나눌 때나 내용상의 구분을 표현하고자 할 때 수평 가로 구분선을 사용한다.

이렇게 사용되는 수평 가로 구분선을 HTML 코드에서는 <hr>태그(horizontal rule)로 간단하게 만들 수 있다.

'Language > HTML' 카테고리의 다른 글

[HTML] 인용구(Quotation)  (0) 2022.09.16
[HTML] 서식(Formatting)  (0) 2022.09.16
[HTML] 제목(Heading)  (0) 2022.09.16
[HTML] HTML 기초 정리  (0) 2022.09.13
[HTML] HTML(Hyper Text Markup Language) Tag Sheet  (0) 2022.09.13
'Language/HTML' 카테고리의 다른 글
  • [HTML] 인용구(Quotation)
  • [HTML] 서식(Formatting)
  • [HTML] 제목(Heading)
  • [HTML] HTML 기초 정리
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    event
    react
    TypeScript
    HTML
    파이썬
    JavaScript
    Python
    CSS
    web
    MySQL
    Java
    제어문
    타입스크립트
    자바스크립트
    리액트
    next.js
    object
    변수
    객체
    array
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[HTML] 단락(Paragraph)
상단으로

티스토리툴바