<html> <!-- html : html코드를 선언하는 태그 -->
<head> <!-- head : 웹페이지 기본 엔진, 언어셋 -->
<!--
UTF-8 : 공용언어(웹 기본)
euc-kr : 한국어를 기본
euc-jp : 일본어를 기본
UTF-16, 32 : 내부시스템(보안)
-->
<meta charset="UTF-8">
<title>HTML 1일차 - 기본태그</title>
<!--
title : 브라우져 탭에 노출되는 텍스트
-->
</head>
<body> <!-- body : 이미지, 영상, 오브젝트등 표현공간 -->
</body>
</html>
HTML은 웹 페이지 표시를 위해 개발된 마크업 언어입니다.
웹페이지의 뼈대를 이루고 꺽쇠(< , >)로 이루어져 있으며,
이것들을 태그(Tag)라고 부릅니다.
이 태그들은 제목, 단락, 목록 등과 같은 문서의 구조를 세우며,
CSS , JAVASCRIPT 등과 결합하여 각 태그들에게 색깔을 입히거나 애니메이션 효과를 부여하거나, 사용자와의 상호작용을 가능하게 합니다.
<br> <!-- br: 한줄 내림 태그 -->
: 특수문자에 해당되며, 공백을 추가할 때
<b>( 내용 )</b> b : bold 굵은체
<u>( 내용 )</u> u : underline(밑줄)
<font color="blue" size="5">( 내용 )</font>
font : 폰트태그는 색상, 글자체, 글자크기등 사용형태
color : 색상
size : 글자크기 (1~7)
<a href="http://naver.com">
작성한 주소로 웹페이지 전환
</a>
a : 페이지를 이동하기 위한 태그
href(속성) : 이동할 url 경로를 말합니다.
<img src="./불러올 이미지.jpg">
img 태그 : image 태그 입니다.
src 속성 : 이미지를 불러오는 경로를 말합니다.
절대경로 : http://, https:// 외부 url, 내부 url
상대경로 : ./(현재 HTML 소스 파일과 같은 디렉토리 위치) ../(상위 디렉토리로 이동)
<p> (내용) </p>
p : 페이지 타이틀 텍스트 제목 부분
<h1>연습제목</h1>
<h2>연습제목</h2>
<h3>연습제목</h3>
<h4>연습제목</h4>
<h5>연습제목</h5>
<h6>연습제목</h6>
h태그 : 제목 태그 h1 ~ h6까지
<iframe src="./불러올 html소스파일.html"
width="100%"
height="3400"
frameborder="0"
scrolling="no"
></iframe>
iframe태그 : 외부 페이지를 현재 페이지로 load하여
출력하는 태그 입니다.
src : 외부페이지 경로
width : 가로크기
height : 세로크기
frameborder : 외부 페이지 외각선 두께 (0 외각선을 없앰)
scrolling : 스크롤바 사용여부 (yes,no)