HTML5 웹페이지 기본 태그 설명
안녕하세요. 오늘은 블로그를 운영을 하면서 스킨 편집 및 애드센스 및 검색 소스를 붙여놓기 위해서 웹페이지의 기본이 되는 부분에 대해서 정리를 해보려고 합니다. 기초적인 부분이며 추후에 좀 더 자세한 부분은 보강을 하여 드리도록 하겠습니다.
구조를 잘 알아야 스킨이나 블로그에 오류가 나지 않습니다. ~
<< HTML5 기본 페이지 >>
<!DOCTYPE html>
<html>
<head>
<title> Welcome to 낚시하는 블로그 </title>
</head>
<body>
본문내용
</body>
</html>
head 태그 내부에 넣을 수 있는 태그
| 태그이름 | 설명 |
| meta | 웹페이지에 추가 정보를 전달합니다. |
| title | 웹 페이지의 제목 |
| script | 웹 페이지에 스크립트를 작성하여 넣을수 있습니다. |
| link | 웹 페이지에 다른 파일을 링크를 할 수 있습니다. |
| style | 웹 페이지에 디자인을 변경하는 스타일 시트를 추가를 할수 있습니다. |
| base | 웹페이지의 기본 경로를 지정 할수 있습니다. |
<< 글자 태그 설명 >>
대표적인 글자태그는 제목을 입력할 때 사용하는 제목 글자 태그입니다.
h 태그
| 태그이름 | 설명 |
| h1 | 첫 번째로 큰 글자 태그 |
| h2 | 두 번째로 큰 글자 태그 |
| h3 | 세 번째로 큰 글자 태그 |
| h4 | 네 번째로 큰 글자 태그 |
| h5 | 다섯 번째로 큰 글자 태그 |
| h6 | 여섯 번째로 큰 글자 태그 |
예제코드
<!DOCTYPE html>
<html>
<head>
<title> Welcome to 낚시하는 블로그 </title>
</head>
<body>
<h1>낚시하는 프로그래머</h1>
<h2>낚시하는 프로그래머</h2>
<h3>낚시하는 프로그래머</h3>
<h4>낚시하는 프로그래머</h4>
<h5>낚시하는 프로그래머</h5>
<h6>낚시하는 프로그래머</h6>
</body>
</html>
다음과 같이 나옵니다.
P 태그
| 태그 이름 | 설명 |
| P | 본문 글자 태그 |
P 태그는 단락을 의미합니다. P 태그를 이용하여 하나의 단락을 만들 수 있습니다.
예제 코드
<!DOCTYPE html>
<html>
<head>
<title> Welcome to 낚시하는 블로그 </title>
</head>
<body>
<h1>낚시하는 프로그래머</h1>
<p>낚시하는 프로그래머의 블로그 입니다. 많이 방문하여 주시고, 꾸욱도 많이 눌러주세요...</p>
<p>짱구의 애완동물정보 블로그 입니다. 많이 방문하여 주시고, 꾸욱도 많이 눌러주세요....</p>
</body>
</html>
다음과 같이 나옵니다.
<< 주석 >>
프로그램의 규모가 커지게 되면 직접 작성한 코드라고 할지라도 작성 목적에 대해서 알아보기 힘든 경우가 있습니다. 따라서 사용자들이 쉽게 알아볼 수 있도록 주석 표시를 해야 됩니다.
주석 사용방법
<!-- 주석내용 -->
'프로그래밍 > 윈도우및컴퓨터팁' 카테고리의 다른 글
| 윈도우10 사용자계정 관리하기 (28) | 2020.07.17 |
|---|---|
| 윈도우10 날짜에 요일 표시하는 방법 (18) | 2020.07.12 |
| 윈도우10 디스크 조각 모음 (19) | 2020.06.18 |
| 윈도우10 기본 캡처 도구 사용법 (15) | 2020.06.17 |
| 윈도우10 수학식 입력판 사용법 (3) | 2020.06.17 |
