반응형
1. HTML
HTML은 HyperText Markup Language의 줄임말이다.
하이퍼텍스트란 문서를 서로 연결해주는 링크를 의미한다.
웹문서를 만드는 언어이다.
html5 : 2014년 11월에 발표된 html 표준규약은 이전 버전과 구별하기위해 한동안 html5라 불렀다. 이전에 사용하던 html4에 비해 다양한 기능이 추가 되었고, 현재는 대부분의 웹브라우저에서 html5를 지원하면서 html5 = html을 의미한다.
2. html의 구조
visual studio를 통해 만들 수 있는 기본적인 html의 기본구조는 다음 코드와 같다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
웹 문서의 유형을 지정하는 선언문 , 웹브라우저에 현재 문서가 html5문서라고 알려주는것이다.
<html lang="en"> ~ </html>
<html>은 웹문서의 시작을 선언하는것이고 </html>은 웹문서의 끝을 알리는것이다.
lang속성은 문서에서 사용할 언어이다. 영어의 줄임말인 en을 설정할 경우, 검색사이트에서 영어로된 문서를 검색할 경우 html lang="en"인 문서를 우선검색하게 된다.
<head> ~ </head>
<head> 태그의 대부분의 내용은 웹브라우저에서는 보이지않는다.
웹 브라우저가 알아야할 정보를 입력하는곳이다.
<title>태그는 문서제목을 나타낸다.
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta> 태그란 웹브라우저에서는 보이지않지만 웹문서와 관련된 정보를 지정할때 사용한다.
meta태그의 중요한 역할은 화면에 글자를 표시할떄 어떤 인코딩을 사용할지 지정하는것이다. ex) UTF-8
<body> ~ <body>
<body> 태그는 웹 브라우저에 표시될 내용을 입력하는 영역이다.
반응형
'Web Front-end > html & css' 카테고리의 다른 글
| css 속성 - filter (0) | 2022.01.19 |
|---|---|
| a태그 연관 속성 target (0) | 2022.01.19 |
| 웹 개발 기본 #1 (0) | 2021.10.26 |
