본문 바로가기
프로그래밍/HTML

[HTML] <p> , <hr> 태그

by jjjhhhhh 2021. 8. 3.
  • Paragraph , <p>

- 문단 태그

- 문단을 표현할 때 사용

- 쌍태그, 블럭태그

<p>예를 들어 용도별 배터리를 전기차, 전동공구 등 애플리케이션과 함께 전시해 사고의 
흐름이 이어지도록 한다. 또 전시장 내 초대형 디스플레이와 전문 프레젠테이션을 통해 관람객들의 
이해도를 높이고 공감을 이끌어낼 수 있도록 준비한다.</p>

<p style="color: violet;">아울러 삼성SDI의 부스는 전기차 배터리부터 IT,
 파워용 배터리, E-모빌리티용 배터리까지 서로 다른 특색과 제품을 갖춘 4개 존으로 구성된다.</p>

 

 

  • <hr> , Horizontal Rule

- 수평바

- 컨텐츠 구분자

- 문단과 문단을 구분하는 역할 > 컨텐츠와 컨텐츠 구분하는 역할

- 단독태그, 블럭태그

<hr size="30" width="50%" align="left" noshade title="구분선">
<hr> 태그 속성 
    1. size : 선의 두께 
    2. width : 선의 너비 
    3. align : 본인의 수평 정렬 
    4. color : 선의 색상 
    5. noshade : 선의 그림자 유무 
    6. title : 풍선 도움말, Tooltip > HTML 모든 태그가 가지고 있다.

 

  • HTML 속성의 종류

1. 숫자

- 단위 없는 경우 : 픽셀(pixel) > 화상을 구성하는 최소 단위 (단일 색상을 가지는 최소 단위, 점 ) , 절대값

- 단위 있는 경우 : % > 백분율, 상대값 > 부모 태그의 영역을 100%로 기준

 

2. 열거형

- 정해진 값 중 하나를 선택

 

3. 색상명

- 색상명 or RGB

 

4. 플래그

- boolean

ex) noshade

 

5. 문자열

- 자유로운 기입

 

6. URL

- 특정 자원의 경로