본문 바로가기

HTML, CSS/HTML

[HTML] 제목 , 본문, 하이퍼 링크

<!DOCTYPE html>
<html>
  <head>
    <title>practice html</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>
    <p>
      aaaaaaaaaaaaaaaaaaaaaaaaaa
      aaaaaaaaaaaaaaaa<br>
      aaaaaaaaaaaaaaaaa
      <a href="https://coding-basket.tistory.com/">
        내블로그
      </a>
    </p>
    <p>
      &lt;html&gt;
    </p>
  </body>
</html>

<h1></h1>은 제목을 나타내는 태그로 h1~h6까지 있다.  숫자가 작을 수록 중요한 제목이고 아무런 스타일을 입히지 않으면 h1에서 h6순으로 크기가 작아진다.

 

<p></p>는 문단을 나누는 태그로 사용하면 문단과 문단을 나눠줄 수 있다.

 

<br>은 문장의 줄을 나누는 태그로 <meta> 태그처럼 혼자서 쓰인다. html은 위 코드같은 줄바꿈 엔터마저 공백으로 인식하기 때문에 다음 줄로 나눠야하는 경우 <br>을 통해 나눈다.

 

<a href="주소"></a> 은 글자에 하이퍼링크를 추가할 수 있는 태그이다. 주소에 html 파일을 입력하면 html 파일로 넘어가게 만들 수 있다.

 

&lt;  &gt;은 각각 <와 >로 html에서 태그를 사용하며 많이 쓰는 기호여서 html이 혼동하지 않도록 만드는 기호이다.

 

위 코드의 결과이다.

 

'HTML, CSS > HTML' 카테고리의 다른 글

[HTML] 기본 템플릿(!)  (0) 2023.08.23
[HTML] 이미지 삽입  (0) 2023.08.23
[HTML] 한글을 안 깨지게 하기  (0) 2023.08.22
[HTML] HTML의 구조  (0) 2023.08.22
[HTML] html 파일 만들기  (1) 2023.08.22