재유's

[HTML] 단락 나누기 본문

IT Story/ : : HTML5

[HTML] 단락 나누기

Stella_NY 2019. 1. 9. 11:02

단락 나누기


제목 

1
2
3
4
5
6
<h1> h1 크기 제목 </h1>
<h2> h2 크기 제목 </h2>
<h3> h3 크기 제목 </h3>
<h4> h4 크기 제목 </h4>
<h5> h5 크기 제목 </h5>
<h6> h6 크기 제목 </h6>


숫자가 작을 수록 글씨가 커지며 1~6까지 설정 할수 있다.


본문

1
<p> 내용 </p>



1. 본문안에 다른 본문 중첩 사용 가능

1
<p> <p> ...</p> </p>



2. 두 개 이상의 본문을 연속 적으로 사용 가능. 각 문단간에는 여백이 형성된다.

1
<p> ...1 </p> <p> ...2 </p>



목록

1. 목록 영역 정의

순서 없는 목록 : 

1
 <ul> ~</ul>


순서 있는 목록:

1
 <ol>~~</ol>



2. 목록 영역 안에 항목을 나열하기

1
 <li> 내용 </li>



3. 항목 안에서는 독립적인 본문을 구성할 수 있다.

p, div, h(n) 태그 사용 가능함


4. 항목 안에서는 새로운 목록을 하위 요소로 포함할 수 있다.

<li> 태그 안에서 새롭게 <ul>이나 <ol>태그를 시작할 수 있다.


예를 들면

1
2
3
4
5
6
7
<ul>
     <li>
         <ol>
             ...
         </ol>
     </li>
 </ul>



'IT Story >  : : HTML5' 카테고리의 다른 글

[HTML] 표 그리기  (0) 2019.01.10
[HTML] 링크태그 <a>  (0) 2019.01.10
[HTML] 단락 나누기 2  (0) 2019.01.10
[HTML] HTML의 기본  (0) 2019.01.09
[HTML] 웹페이지의 이해  (0) 2019.01.09
Comments