HTML #2

치즈돈까스·2023년 3월 16일

HTML

목록 보기
2/7

html 문서 기본 구조

<!DOCTYPE html>
문서 첫 부분에 문서 유형을 지정하는 단일태그

<html> ~ </html>
문서가 시작되고 끝남을 나타낸다.

<head> ~ </head>
브라우저 화면에 나타나지 않는 태그
브라우저가 알아야 할 정보를 적는다.

<meta charset = "utf-8">
문자 인코딩(한글을 표시하기 위해 문자 세트 지정 - utf-8)/문서 키워드 등 요약 정보를 기입

<title> ~ <title>
문서 제목

<body> ~ </body>
보여지는 부분이므로 여기가 가장 중요함

  • 텍스트를 표시하는 태그
  • 이미지를 표시하는 태그
  • 각종 사용자 인터페이스(버튼, 입력란, 드롭다운 메뉴 등)를 나타내는 태그

+들여쓰기는 가독성에 도움을 준다.

텍스트 태그 사용 방법/특징

문단(paragraph)

p 태그
하나의 p 태그는 하나의 문단을 표현

제목(headline)

h 태그
제목(표제)
숫자와 함께 사용 1~6 (1이 큰 글자, 6이 작은 글자)

수평선

hr 태그
주제가 변경되거나 내용을 구분하기 위한 수평선을 그려준다.

HTML 텍스트의 특징

줄바꿈

엔터나 스페이스를 무시한다.(스페이스 한 번만 허용)
<br> <br /> 줄바꿈을 하기 위해 이용
&nbsp; 공백을 두 번 이상 표시할 때


0개의 댓글