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 |
---|