HTML#1

박상영·2020년 4월 8일
0

First

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8">
        <title>All about rabiits!!</title>
    </head>
    <body>

모든 웹페이지는 상단의 !DOCTYPE html으로 시작을 한다. 이를 사용하는 이유는 브라우저에 구식html이 아닌 최신html로 작성되었다고 알려주는 것이다.

    <h1>All about rabbits!</h1>

제목 크기 강조의 태그는 h1~h9까지 있는데 순서대로 h1 부터 작은순서대로 되어있다.

    <h2>Basic info</h2>
    
    <p></p>
    
    <h2>Songs</h2>
    
    <p>Alphabet<br>
    abcd<br>
    efgh<br>
    hijk<br>
    lmn</p>
    
    </body>
</html>

제목에 정보를 넣기 위해서는 p태그 가 필요하다. 제목 다음 줄에 p태그를 쓰고 내용을 넣어줌으로서 그 위에 제목에대한 설명을 작성 할수있다.
p태그로 내용을 작성 하면 한줄로만 쭉 이어지는 것을 볼수있다. python에서는 \n 을 사용하지만 html에서는 br태그를 사용한다. br태그는 종료태그를 사용하여 끝을 맺어줄 필요가 없다. "줄 바꿈은 어떠한 내용을 가지고 있지않아서" 가 그 이유이다.
또한 title태그 다음에 작성될 내용은 body태그 안에 작성되어야 한다.

profile
backend

0개의 댓글