본문 바로가기
html&css/html

<html> HTML5 문서의 구조

by 써-뇽 2024. 4. 1.

HTML5 문서의 구조는 <!DOCTYPE html><html>, <head>, <title>, <body>의 네가지 기본태그로 구성된다.

태그의 경우 시작 태그와 종료 태그 한 쌍으로 이루어지게 되고

시작 태그는 <태그이름>, 종료 태그는 </태그이름> 으로 작성한다.

<!DOCTYPE html> : HTML5문서를 선언하는 구문 

<html>~</html> : HTML문서의 시작과 종료를 알려주며, 언어(lang) 속성을 사용하여 주된 언어값 설정

<head>~</head> : 웹페이지의 정보를 정의

▶ <head>태그 내에는 다음과 같은 태그를 작성할 수 있음

  • <title>~</title> : <title>태그 내 작성한 내용이 웹 브라우저의 제목 표시줄에 표시
  • <meta> : 문서를 만든 이, 검색 시 키워드, 웹 페이지 정보 등 작성
  • <base> : 문서 내 모든 링크의 기준이 되는 URL 지정
  • <style> : CSS3와 같은 문서장식 프로그램이 위치하는 공간
  • <link> : 외부 문서 혹은 사이트 자원의 연결
  • <script> : 자바스크립트 등 다양한 프로그램이 위치

<body>~</body> : HTML5문서의 본문을 작성하는 공간

  • -<h1>~<h6>: 헤드라인 태그(<h1>태그의 경우 로고삽입시 주로 사용)
  • - 스페이스 키(공백) &nbsp; 
  • - 줄바꿈 <br>태그
  • - 기호< &lt;
  • - 기호> &gt;
  • - 문단 구분 <p>태그
  • - <span>태그 (본문 내용텍스트 중 일부 강조, 변경을 위해 사용)
  • - HTML5문서의 주석은 <!-- 주석내용 --> 의 구조

'html&css > html' 카테고리의 다른 글

<vscode> visual studio code 프로그램  (0) 2024.04.01