blues_log
Published 2023. 5. 9. 21:10
[HTML] HTML 태그 정리 HTML&CSS

HTML 이란

HTML(Hypertext Markup Language)은 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다.

 

HTML은 elements로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분을 감싸고 마크업 한다. elements의 주요 구성은 다음과 같다.

  • 여는 태그 <tags>
  • 닫는 태그 </tags>
  • 내용 : elements의 내용이며 단순한 텍스트
  • 여는 태그, 닫는 태그, 내용을 통틀어 elements라 한다.

태그(tag)

태그(tag)는 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 한다.

 

자주 쓰이는 태그를 정리하면 다음과 같다.

이름 기능
<html> </html> html파일 전체를 감싸는 태그

HTML로 작성되어 있다는 것을 알려줌
<head> </head> 머리말에 해당함

css나 javascript를 연결해줌.

파비콘이나 문자열 인코딩과 같은 문서의 다양한 정보를 제공
<body> </body> 본문에 해당하는 부분

실제 보여지는 화면에 해당
<title> </title> 타이틀바에 입력될 텍스트
<meta> </meta> 문서의 문자열 인코딩 등과 같은 문서의 다양한 정보를 제공
<div> </div> 상자를 만듦
<a href="링크"> </a> 클릭시 다른 주소로 이동하는 태그
<script> </script> 외부 js 파일을 연결하거나 javascript 코드를 입력할 때 사용
<link> 외부 css파일을 연결할 때 사용
<img src="링크" width=",,px" height=",,px"> 이미지를 가져오는 태그
<span> </span> 요소 일부만 디자인이나 기능을 변경할 때 사용

주로 div와 비슷한 기능으로 사용한다.
<p> </p> 단락을 나눌 때 사용

 


참고

https://www.advancedwebranking.com/seo/html-study/

https://stajun.tistory.com/entry/HTML-%ED%83%9C%EA%B7%B8-%EC%A0%95%EB%A6%AC

'HTML&CSS' 카테고리의 다른 글

[CSS] CSS 정리  (0) 2023.05.11