티스토리 뷰
안녕하세요, 초짜입니다.
이번에는 자주 쓰이면서도 기본적인 태그들에 대해 알아보겠습니다.
앞으로 코드는 이제 이렇게 보여드리겠습니다.
코드와 비교해서 보겠습니다.
우선 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 |