HTML 이것만큼은 알고 가자! ( feat. 기본문법정리 )

오늘은 html에서 기본적으로 꼭 알아야 할 문법들에 대해서 알아보자.

 

html은 기본적으로 head와 body로 이루어져 있으며 그 안에 다양한 태그들을 추가하여 웹사이트의 뼈대를 완성하는 역할을 한다. head 안쪽에는 웹 사이트 이름이나 참조할 사이트 주소라던지 눈에 보이지 않는 것들로 구성된다. body 안쪽에는 웹 사이트 상에서 형태를 가지는 것들이 들어가게 된다. 그것들을 태그로 나타내며, 이러한 태그들은 아주 많은 종류의 태그들이 존재하는데 우리가 다 외우고 있을 수는 없으니 그중에서 사용 빈도수가 높은 태그들만 정리하였다. 자주 사용하는 것들은 자연스럽게 외워지니 너무 걱정은 하지 말자.

 

그럼 자주 쓰는 태그들을 알아보자.

 

<h1></h1> ~ <h5></h5> : 제목 태그

---

제목을 나타낼때 쓰는 태그이다. h1에서 h5로 갈수록 글자 크기가 작아지니 상황에 따라서 사용하도록 하자.

 

 

<!-- --> : 주석 태그

---

주석을 나타내는 태그이다. 주석이란, 코딩 내에서 실행되지 않으며 코딩에 대한 설명을 추가하거나, 코딩 중 잠시 보류하는 코딩 등에 사용한다.!-- 와 -- 사이에 글을 쓰면 된다.

 

<a></a> : 링크 태그

---

링크를 걸때 쓰는 태그이다. <a> 안에 href="링크 걸고 싶은 주소"를 걸면 된다. <a href="주소">

 

 

<p></p> : 문단 태그

---

문단 태그이며, 긴 글을 사용할때 쓴다. 이때 span 태그는 자녀 요소이기 때문에 p태그 안쪽에 사용하도록 하자.

 

 

 

그 외에 자주 쓰이는 기본 태그들

---

<tr></tr> : 행, 줄 태그 // <td</td> : 열, 칸 태그 // <table></table> : 표 태그 // <br> 줄 바꿈 태그

 

 

 

이것으로 html에서 기본적으로 꼭 알아야 할 문법들에 대해서 알아보았다.

 

오늘도 유용한 정보가 되었길 바라며 마치도록하겠다. 감사합니다 ^^