웹개발/HTML

HTML 2장 - HTML의 기본구조

에르소 2014. 3. 29. 21:35
반응형


HTML = 태그

 형식

 <태그 속성1= "속성값" 속성2="속성값" 속성3="속성값">


예시

 형식

 <BODY BGCOLOR="RED" TEXT="White">


HTML 의 기본 구조 

1. <HTML> 태그와 </HTML> 태그

현재 작성하고 있는 문서가 HTML 문서임을 알려주기 위한 태그

HTML 처음 시작부분에는 <HTML> 태그를, 문서 마지막에는 </HTML> 를 사용합니다.

 

2. <HEAD> 태그와 </HEAD> 태그

<HEAD>태그에서 시작해서 </HEAD> 태그까지는 제작자나 사용된언어, 제목등 HTML 문서의 정보들이 들어간다.

 

3. <TITLE> 태그와 </TITLE> 태그

HTML 문서의 제목을 지정하는 태그

<TITLE>태그와 </TITEL>태그 사이의 내용이 웹브라우저의 맨 윗부분에 제목으로 표시.

 

4. <BODY> 태그와 </BODY> 태그

<BODY> 태그에서 </BODY> 태그 까지는 실제 웹 브라우저 창에 나타나는 여러가지 내용들이 들어갑니다.


<BODY> 태그의 속성

 속성

 속성값

설명

BACKGROUND

파일 이름이나 URL

배경이미지, 작은 이미지 하나를 지정해도 브라우저 화면에 꽉 채워짐 

BGCOLOR 

색상 이름이나 색상 코드 

배경색, 기본값은 흰색 

TEXT 

색상 이름이나 색상 코드 

글자색, 기본값은 검은색 

LEFTMARGIN 

숫자(픽셀 단위)  

왼쪽 여백

TOPMARGIN

숫자(픽셀 단위)  

상단 여백

 MARGINWIDTH

숫자(픽셀 단위) 

왼쪽 여백

 MARGINHEIGHT

숫자(픽셀 단위) 

상단 여백


배경색 변경 : bgcolor 를 GRAY 색으로..

 형식

<body bgcolor="gray">


왼쪽여백 : leftmargin

 형식

<body leftmargin="50">


상단여백 : topmargin

 형식

<body topmargin="50">


줄바꾸기 태그

<BR>

EX : <BR> 태그를 사용하는데 ... HTML 상 문법에 맞게 열고 닫는것을 표현해주기 위해서 <BR /> 로 표기하는것이 좋다


 

 

 

 

 

반응형

'웹개발 > HTML' 카테고리의 다른 글

C언어 시작하기 1 (C언어특징/상수/변수)  (0) 2014.04.09
CSS 시작하기  (0) 2014.03.30
HTML 1장  (0) 2014.03.29
JSP 시작하기 2  (0) 2014.03.29
JSP 시작하기  (0) 2014.03.29