티스토리 뷰

Web/HTML

[HTML] 2) 기본적인 태그 1

chojja7188 2018. 4. 4. 00:26

안녕하세요, 초짜입니다.


이번에는 자주 쓰이면서도 기본적인 태그들에 대해 알아보겠습니다.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page Title</title>
</head>
<body>
<h1>Hello</h1>
<h2>Hello</h2>
<h3>Hello</h3>
<p>Hello</p>
<a href="http://chojja7.tistory.com/">Hello</a>
<button>Hello</button>
<ul>
<li>Hello1</li>
<li>Hello2</li>
<li>Hello3</li>
</ul>
HelloHello<br>Hello
</body>
</html>


앞으로 코드는 이제 이렇게 보여드리겠습니다.



코드와 비교해서 보겠습니다.


우선 h1~h3 태그는 보시다시피 Hello의 크기가 점점 더 작아지는 것을 볼 수 있습니다.


따라서 h1이 제일 크고 h6이 제일 작다고 할 수 있습니다.


보통 h1 태그는 제목을 쓸 때 사용합니다.


밑에 p 태그는 문단을 구분하는 태그입니다.


그리고 a 태그는 그 안에 href라는 것이 있는데요.


이것을 태그의 속성이라고 합니다.


a 태그는 하이퍼링크를 만드는 태그인데 href는 연결할 링크를 지정해줍니다.


저 태그를 해석해보자면 Hello가 하이퍼링크가 되는 것이므로


클릭하게 되면 chojja7.tistory.com으로 연결해주는 것입니다.


그 옆은 button 태그로 말 그대로 버튼을 만들고 싶을 때 쓰는 태그입니다.


밑은 ul 태그와 li 태그가 있는데 ul 태그는 목록이라고 보시면 되고


li 태그는 항목이라고 보시면 됩니다. li 태그로 인하여 옆에 ●가 생깁니다.


밑에는 br 태그가 있습니다. br 태그는 개행 태그입니다.


보통 다른 태그는 여는 태그가 있으면 닫는 태그가 있는데 br 태그는 하나로만 쓰입니다.


그래서 <br>로 쓰기도 하고 <br />로 쓰기도 합니다.


또 head 태그 안에 못보셨던 태그가 있으실 겁니다.


meta 태그는 head 태그 안에 쓰이는 태그로 문서를 설명하는 태그입니다.


charset 속성을 utf-8로 한다는 것은 파일을 열 때 utf-8 형식으로 열라는 말입니다.


한글이 깨지는 것을 방지하기 위해서 쓰는 태그입니다.


이번 태그는 여기까지 보도록 하겠습니다.


이번 포스팅은 여기까지입니다, 감사합니다.


'Web > HTML' 카테고리의 다른 글

[HTML] br 태그란? 그리고 <br>과 <br/>과 <br />의 차이점  (2) 2019.11.08
[HTML] 1) 개요 및 기초  (1) 2018.03.30
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함