본문 바로가기

Web

HTML 기본 문서 만들기

https://www.youtube.com/watch?v=EWwox4sGuVg&list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is&index=4

위 영상을 보고 작성한 글입니다.

 

HTML ⇒ HyperText(웹에서 자유롭게 오갈 수 있는 링크)Mark(텍스트뿐만 아니라, 이미지, 영상 등을 표시함, 마크업에 사용하는 꼬리표를 tag라고 함)Lanaguage

즉 HTML은 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어

HTML 문서의 기본 구조

<!doctype html>: 현재 문서가 HTML5 언어로 작성한 웹 문서다.

<html>~</html>: 웹 문서의 시작의 끝을 나타내는 태그, <html> 태그부터 </html>까지의 소스를 읽어 화면에 표시 ⇒ <html lang="ko">로 써 한국어로 작성하였다고 할 수 있음

<head> ~ </head>: 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분(실제 웹 상에서 보이는 부분은 아님)

<body> ~ </body>: 실제로 웹 브라우저 화면에 나타나는 내용

⇒! 치고 Tap을 누르면 HTML 기본 구조가 만들어짐

<head>

<meta charset=”UTF-8”> : 한글로 된 내용을 표시하기 위하여 UTF-8 문제 세트를 사용

<meta name=“keywords” content=”html의 구조”> : 웹 문서의 키워드

<meta name=“description” content=”html의 구조를 알아봅시다” : 웹 문서의 설명

<meta name=”author” content⇒”KHJ” : 웹 문서의 소유자나 제작자

<title>HTML 기본 문서</title> 문서 제목

'Web' 카테고리의 다른 글