AND_END

4. HTML 태그/속성의 상세 설명 본문

HTML

4. HTML 태그/속성의 상세 설명

하둉이 2018. 11. 6. 23:54
반응형

-HTML 표제


표제는 <h1> ~ <h6> 태그로 정의됩니다.

<h1> 글자의 크기가 가장 크고, 숫자가 커질수록 글자의 크기가 작아집니다.


<!DOCTYPE html>

<html>

<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>            
<h5>Heading 5</h5>
<h6>Heading 6</h6>

</body>

</html>

실행결과

     ↓



각 HTML 표제는 기본 크기를 가집니다. 그러나 style CSS font-size 속성을 사용하여 모든 제목의 크기를 지정할 수 있습니다.

EX) <h1 style = "font-size:60px;"> Heading 1 </h1>





<hr> 태그

 HTML 페이지에서 내용을 분리하거나 변경을 정의하는 데 사용되고, 수평선으로 표시됩니다.



<!DOCTYPE html>

<html>

<body>

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

</body>

</html>

실행결과

     ↓








-HTML 단락


<p> 요소는 단락을 정의합니다.


<!DOCTYPE html>

<html>

<body>

<p>첫 번째 단락</p>
<p>두 번째 단락</p>
<p>세 번째 단락</p>

</body>

</html>

실행결과

     ↓

 





<br> 요소는 줄 바꿈을 정의합니다.


<!DOCTYPE html>

<html>

<body>

<p>이 요소는<br>줄 바꿈을<br>정의합니다.</p>

</body>

</html>

실행결과

     ↓




<pre> 요소 내부의 텍스트는 고정 너비 글꼴로 표시되며 공백과 줄 바꿈을 모두 유지합니다.


<!DOCTYPE html>

<html>

<body>

<p>pre 태그</p>


<pre>

이 요소는 공백과

줄

바꿈을 모두

유지

합니다.

</pre>


</body>

</html>

실행결과

     ↓




반응형

'HTML' 카테고리의 다른 글

6. HTML 서식 / 인용문  (0) 2018.11.14
5.HTML style 속성  (0) 2018.11.13
3. HTML 태그  (0) 2018.11.03
2. HTML 편집기  (0) 2018.11.02
1. HTML  (0) 2018.11.02
'HTML' Related Articles more