마크업 언어 HTML

http://1220·2023년 1월 1일
0

HTML의 기본 태그

<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 등과 결합하여 각 태그들에게 색깔을 입히거나 애니메이션 효과를 부여하거나, 사용자와의 상호작용을 가능하게 합니다.

다음은 HTML의 기본 태그들입니다.

<br>	<!-- br: 한줄 내림 태그 -->


&nbsp; : 특수문자에 해당되며, 공백을 추가할 때 


<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)
profile
프로그래밍을 배우고 있습니다.

0개의 댓글