HTML 태그,스타일,기본구조

HTML 태그,스타일,기본구조

HTML언어는 우리가 접속하는 '웹'이라는 공간에서 사용되는 언어입니다. 웹페이지, 웹사이트등을 작성하는데 사용됩니다.

태그

HTML언어는 '태그'라는 것을 사용하여 작성합니다. 문서를 태그로 둘러싸는데, 이때 태그는 문서의 구조와 스타일 등을 나타냅니다. 태그는 아래와 같이 사용됩니다.

<p>이거슨문단</p>

종료태그에는 /를 붙입니다. 시작태그와 종료태그의 구분 없이 하나만 사용되는 경우도 있습니다.

스타일

style옵션을 이용하여 태그의 속성을 지정할 수도 있습니다. 예를들면 아래와 같습니다.

<p style="color:red">이거슨문단</p>

글자색을 지정했습니다. 글자색 뿐만 아니라 다양한 속성을 지정할 수 있습니다.

기본구조

HTML언어의 기본구조는 아래와 같습니다.

<!DOCTYPE html>

<html>

<head>

<title>이거슨제목</title>

</head>

<body>

내용은 여기에

</body>

</html>

먼저 <!DOCTYPE html> 태그는 HTML의 종류와 버전을 표시합니다. HTML5의 경우 위와 같이 입력하시면 됩니다.

<html> 태그는 문서가 html 문서임을 웹브라우저에 알려주기 위해 사용됩니다.

<head> 태그에는 문서의 정보가 담깁니다. title뿐 아니라 style, script, link 등의 정보가 담기는데 이후에 배우도록 합시다. <title>태그사이에 입력된 내용은 브라우저 맨 위에 있는 탭 이름이 됩니다.

<body> 태그 사이에는 실제로 출력될 내용들이 담깁니다.

처음에는 HTML만 있었다 (CSS와 자바스크립트 이야기) (0)	2020.12.03
HTML 문서 작성 시 주의사항 (0)	2020.04.04
HTML 은 무엇의 약어이고, 어떤 언어일까? (0)	2020.04.04

코딩의 본질