hahahia

HTML(HyperText Markup Language) part 01 본문

Web Programming/HTML & CSS

HTML(HyperText Markup Language) part 01

hahahia 2012. 3. 7. 20:33

HTML이란?
- HyperText를 만들기 위한 Markup 언어

/* 기본적인 HTML의 구조 */
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head> // HEAD부
  <title> 제목 표시줄에 나타나는 부분 </title>
  <meta http-equiv="Content-Type" content="text/html; charset=urf-8"> 
 </head>

 <body> // BODY부
  <p><b>실제로 웹브라우저에 출력되는 부분</b><p>
 </body>
</html>

- 주석 tag
1. <!-- 주석 -->
2. <! 주석>
3. <!-- 여러 줄 주석 //--> 


<HEAD>...</HEAD>

 HTML문서에 대한 정보 표현 Tag로 <TITLE> Tag를 제외한 다른 정보들은 웹 브러우저를 통해 보이지 않는다.
  - <TITLE> </TITLE>
   HTML 문서의 제목을 지정
   웹 브라우저의 제목 표시줄에 표현됨
  - <META>
  홈페이지의 작성자, 작성일자, 사용 웹 에디터, 검색 키워드 등에 대한 정보 표시
 
 속성 이름  값  설명
name  generator, author, content, description, copyright, date 제공할 정보의 종류 
content  문자열  제공할 정보의 내용 
schema  문자열  추가설명 
Http-Equiv  refresh, page-enter, expire 동적 헤더 정보 갱신 
ex) <META http-equiv="refresh" content="5; url=http://www.naver.com">
      <META http-equiv="Content-Type" content="text/html; charset=urf-8">  

<BODY>... </BODY> 

 웹 브라우저 화면에 실질적으로 나타나는 홈페이지 내용
 속성 이름  값  설명
 bgcolor  색이름, 16진수 색상  페이지의 배경색 지정
 background  이미지 파일명  페이지의 배경 그림 지정 
 bgproperties  fixed  배경 그림을 고정시켜 스크롤해도 움직이지않게
 text  색이름, 16진수 색상  페이지의 기본 문자 색상 지정
 link  색이름, 16진수 색상  링크의 색상 지정
 alink  색이름, 16진수 색상  활성화(Active)된 링크의 색상 지정
 vlink  색이름, 16진수 색상  방문했던(Visited) 링크의 색상 지정
 topmargin  픽셀값   페이지의 상하 여백 지정 
 leftmargin   픽셀값   페이지의 좌우 여백 지정
 scroll  yes/no  스크롤 허용 여부 지정

참고 : 위에서 말한 16진수 색상은 밑 링크를 reference하여 쓸 수 있다.
http://www.w3.org/TR/css3-color/#svg-color

<XMP> ... </XMP>
 HTML 문서를 해석해서 웹 브라우저에게 보여주지 않고 소스 자체를 보여주게끔 한다. 

<HR> - 수평선 삽입

번호가 있는 리스트(<OL> ... </OL>)
 - <LI> 태그에 확장 옵션을 두어 숫자표기 대신 영문자나 로마 숫자로 나타낼     수 있다. 

<IMG src="이미지 파일명">
 - 그래픽 이미지를 웹 브라우저에 삽입할 때 사용
 - src속성은 생략 불가능한 필수 옵션. 
 

'Web Programming > HTML & CSS' 카테고리의 다른 글

CSS를 이용한 간단한 예제(선택자)  (0) 2012.04.04
CSS 기초 01  (0) 2012.03.28
HTML소스(가입양식 폼 만들기)  (0) 2012.03.14
'Web Programming/HTML & CSS' Related Articles more
Comments