[HTML] p태그, 제목태그(h1~h6), hr태그(수평선태그)

<p>태그

- paragraph , 문단

- 텍스트 집합을 표현하는 태그

- ex) <p>나는 p태그입니다. 문장이 짧아도 한 라인은 전부 내것입니다.</p>

- 블럭태그

align 속성

- horizontal alignment

- 수평정렬

코드

<p align = "left" bgcolor = "yellow">문단입니다.</p>
<p align = "center">문단입니다.</p>
<p align = "right">문단입니다.</p>

출력결과

<hn>태그

- n : 1~6

- heading

- 제목을 표현하는 역할

- n : 1 ~ 6

- <hn></hn>

- 혼합형

- 블럭태그

- 제목을 만들때만 사용할것 (*******)

<-> 내가 원하는 모양이긴 하지만 제목은 아닐때 사용하면 절때 안됨(***************)

- 숫자 : 화면상의 크기(X) , 제목의 중요도(O)

- 시멘틱 웹(Semantic Web)

코드

<h1>제목입니다.</h1>
<h2>제목입니다.</h2>
<h3>제목입니다.</h3>
<h4>제목입니다.</h4>
<h5>제목입니다.</h5>
<h6>제목입니다.</h6>
보통 문자열 입니다.
     

출력결과

<hr>, horizontal rule

- 문단과 문단을 구분하는 역할

- 콘텐츠와 콘텐츠를 구분하는 역할

- 단독 태그

- 블럭 태그

<hr>태그 속성

- 속성의 값이 가질 수 있는 거의 대부분의 형태가 존재

a.size 

- 선의 두께

b.width

- 선의 너비

c. align

- 수평 정렬

d. color

- 선의 색상

e. noshade

-그림자 제거(입체감 제거)

HTML의 속성값의 유형

1. 숫자

- 숫자만 : 픽셀(px), 절댓값

- 숫자%  : 상대값, 상대값의 기준?(모든 상대값의 기준은 항상 부모태그가 된다.)

2. 열거형

- 정해진 속성값만 사용이 가능

- 이외의 값을 넣으면 적용이 안되고 대신 기본값 적용

3. 색상

- 색상명

- RGB

4. 플래그

- 불리언 형태

- 속성명 쓰면 적용O, 안쓰면 적용X

- <HR NOSHADE> : HTML 4.01

- <hr noshade="noshade"> : XHTML 1.0

- <hr noshade> & <hr noshade="noshade"> : HTML5