입문자를 위한 기초 html (4-5) - 문서 기본 구조 및 텍스트 태그 사용 방법과 특징

김의찬·2023년 3월 13일

html & css

목록 보기
2/11

4.HTML 문서 기본 구조

  • html 문서 기본 구조 형태
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <title>문서의 제목</title>
</head>
<body>
	실제 웹페이지에 표시할 내용
</body>
</html>
<!DOCTYPE html>
  • 문서의 첫 부분에서 문서 유형을 지정하는 단일 태그.
<html>~</html>
  • 문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그.
<head>~</head>
  • 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들이 들어가는 태그.
  • 영문과 한글을 모두 사용하기 위해 utf-8 방식을 사용하는 것이 좋다.
<title>~</title>
  • 문서의 제목을 나타냄. 콘텐츠는 브라우저 탭에 표시된다.
<body>~</body>
  • 실제 브라우저 화면에 표시될 내용을 입력하는 태그.

웹 페이지의 제목과 내용에 해당하는 부분을 입력받아서 적용한 결과.

5.텍스트 태그 사용 방법과 특징

  • p 태그는 문단 요소를 나타내는 태그. 하나의 p 태그는 하나의 문단을 표현하고 문단과 문단 사이에는 공백이 있다.

  • h 태그는 제목 요소를 나타내는 태그. 숫자와 함께 사용되며, 숫자가 1일때 가장 크고 6일때 가장 작다.

  • hr 태그는 수평선을 표시하는 태그. 주제변경 또는 내용 구분을 위해 사용된다.

줄바꿈 태그와 공백문자

  • br태그는 줄바꿈을 담당하고, 공백을 두 번 이상 표시하고자 할 때는nbsp; 를 사용한다.
    (공백 글자는 하나만 적용 가능)

공백글자는 (enter 포함) 은 하나만 적용되기 때문에 공백을 여러개 적용 시키기 위해선 nbsp;를 사용해야한다.

profile
김의찬입니다

0개의 댓글