<!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><p> 태그는 본문의 내용을 출력할 때 사용.</p>
<!--
'<' : <
'>' : >
-->
<p>© : 카피라이트</p>
<p> : 공백(스페이스바)</p>
<p># : 샵(#)</p>
<p>& : & 기호</p>
<p>더 많은 특수 문자 확인</p>
<h1></h1>
<p> : 옆에 25개의 공백이 있습니다.</p>
<p> : 옆에 5개의 공백이 있습니다.</p>
<hr>
<h3>p 태그와 br 태그</h3>
<p>p 태그는 단락을 구분하기 위해 줄간격이 넓다.</p>
<p>br 태그는 줄만 바꾸는 태그라서 줄간격이 좁다.</p>
</body>
</html>
'HTML' 카테고리의 다른 글
HTML(6) - 시간표 만들기 (0) | 2020.05.11 |
---|---|
HTML(5) - 표만들기 (0) | 2020.05.11 |
HTML(4) - 목록 페이지 (0) | 2020.05.11 |
HTML(3) - 구분선 그리기/글자 태그/페이지 연결(링크) (0) | 2020.05.11 |
HTML(2) - 자기소개 페이지 만들어보기 (0) | 2020.05.11 |