<!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태그 안에 작성되어야 한다.