본문 바로가기

HTML

HTML(1) - 텍스트 관련 태그

 

<!DOCTYPE html>
<!-- 주석 입니다.
전부 주석 화면에 안나옴
 -->
<html lang="ko">
<!-- lang : 해당 언어 지정해서 번역가능하게 해주는 기능, 지정해준 나라별로 제공하는 기능들을 사용할 수 있음-->
<!-- 여기서부터 본격적인 HTML 문서 -->
<head>
<!-- meta(메타) 테그 
head 영역에 웹 문서를 만든 이, 검색 키워드, 문서 설명 등을 포함하는 태그
-->
<meta charset="UTF-8">
<meta name="author" content="Eun-Kyung Kang">
<meta name="keywords" content="HTML5, CSS3, Javascript">
<!-- <meta http-equiv="refresh" content="10, http://naver.com"> -->
<!-- 10초 후에 링크 사이트로 새로고침 됨 -->
<title>홈페이지</title>
</head>
<body>
	<h1>텍스트 관련 태그</h1>

	<h2>제목 출력용</h2>
	<p>문서의 제목을 출력하기 위한 태그. h1 ~ h6까지 있음.</p>

	<h1>Heading 1</h1>
	<h2>Heading 2</h2>
	<h3>Heading 3</h3>
	<h4>Heading 4</h4>
	<h5>Heading 5</h5>
	<h6>Heading 6</h6>

	<p>일반적으로 h1~h3까지 사용</p>

	첫번째로 만든 페이지 입니다.

	<hr>
	<!-- <hr> : 구분선 출력 태그 -->
	<h2>본문 출력용(Pragraph)</h2>
	<p>&lt;p&gt; 태그는 본문의 내용을 출력할 때 사용.</p>
	<!-- 
   '<' : &lt;
   '>' : &gt;
	-->
	<p>&copy; : 카피라이트</p>
	<p>&nbsp; : 공백(스페이스바)</p>
	<p>&num; : 샵(#)</p>
	<p>&amp; : & 기호</p>
	<p>더 많은 특수 문자 확인</p>
	<h1></h1>

	<p>                         : 옆에 25개의 공백이 있습니다.</p>
	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 옆에 5개의 공백이 있습니다.</p>

	<hr>
	<h3>p 태그와 br 태그</h3>
	<p>p 태그는 단락을 구분하기 위해 줄간격이 넓다.</p>
	<p>br 태그는 줄만 바꾸는 태그라서 줄간격이 좁다.</p>


</body>
</html>