[HTML5] HTML에 제목 ,본문, 특수문자를 표기해보자.

글자 제목의 크기를 다르게 하는 방법

① <h1> ~ <h6> 태그를 이용합니다.

(h뒤에 있는 숫자가 클수록 제목글자 크기가 작아집니다.)

<!DOCTYPE html>
<html>
    <head>
        <title> loui3 study</title>
    </head>
    <body>
        <h1> 제목 크기1</h1>
        <h2> 제목 크기2</h2>
        <h3> 제목 크기3</h3>
        <h4> 제목 크기4</h4>
        <h5> 제목 크기5</h5>
        <h6> 제목 크기6</h6>
    </body>
</html>

본문 글자 <p> 와 <br> 와 <hr>

<p> : 본문 문단을 생성할때 사용 합니다.
<br> : 줄바꿈 할때 사용 합니다.
<hr> : 수평줄을 삽입할때 사용 합니다.

<!DOCTYPE html>
<html>
    <head>
        <title> loui3 study page</title>
    </head>
    <body>
        <h1> 인터넷</h1>
        <hr>
        <h2>인터넷이란? </h2>
        <p>인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 
        컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간이다.</p>
        <br>
        <p>- 이메일</p>
        <p>- 웹</p>
        <p>- SSH, TENLET, FTP, pwd</p>
    </body>
</html>

특수문자   , < , > , &

  출력 : 공백
< 출력: <
> 출력: >
& 출력: &

tip) 여기서 공백을 출력하는 이유는 html 태그 내부에 공백 3개를 연속으로 입력하고 파일 실행시

1개로 인식하여 3개가 다 표시가 안됩니다. 따라서 &nbsp를 사용합니다.

<!DOCTYPE html>
<html>
    <head>
        <title> loui3 study page</title>
    </head>
    <body>
        <h1>&nbsp;&nbsp;&nbsp; 인터넷&nbsp;&nbsp;&nbsp;</h1>
        <hr>
        <h2>&lt;인터넷이란?&gt;</h2>
        <p>&amp;인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 
        컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간이다.</p>

    </body>
</html>

'WEB > HTML5' 카테고리의 다른 글

[HTML5] 문서 구조화 (div와 span) 에 대해 알아보자 (0)	2022.12.09
[HTML5] 간단한 입력 양식을 만들어보자 (0)	2022.12.08
[HTML5] HTML 태그들에 대해 알아보자 (0)	2022.12.07
[HTML5] HTML페이지에 기본 방법으로 작성 해보자 (0)	2022.12.06
[HTML5] 기본용어와 구조에 대해서 알아보자 (0)	2022.12.06