본문 바로가기

* DevSecOps/Development

문서의 공통 구조



 1. 주석 태그

주석이란 HTML 문서에는 전혀 영향을 주지않고, HTML 문서에 설명을 달고 싶을때 사용한다.
문서의 어느 곳에 써두 전혀 상관없다.
한줄에 쓰기도 하지만 내용이 많을경우 여러줄에 나누어서 쓸 수도 있다.

형식 : <!-- 주석내용 -->
예제 결과
주석달기<!-- 안보인다. --> 주석달기 주석달기 주석달기
주석달기
<!--
    안보인다.
-->
주석달기
주석달기 주석달기



2. HTML 태그

HTML 태그는 이 문서가 HTML 문서임을 나타내며, 문서의 시작과 끝을 나타낼때 사용한다.
즉, <HTML> 를 쓰면 HTML 문서의 시작을 </HTML> 를 쓰면 문서의 끝을 의미한다.
나머지 Tag들은 모두 HTML 사이에 들어간다.

형식 : <html> ... </html>
예제 결과
<html> ... <html > 생략.



3. HEAD 태그

문서의 일반적인 정보를 표시할때 사용한다.
실제로 브라우저에 출력되지는 않는다. HEAD 태그 혼자서는 아무런 역활도 하지 않는다.
HEAD 태그 사이에 TITLE, SCRIPT, STYLE, META 등의 태그를 사용해야 한다.
HEAD내에서 META는 흔히 일반적은 정보를, STYLE과 SCRIPT는 앞으로 사용할 style이나 script를
정의한다.

형식 : <head> ... </head>
예제 결과
<head><title>head연습</title></head> 생략.
<head><style>
    body { font-size:9pt; }
</style></head>
문서의 글자크기가 9pt로 된다.



4. TITLE 태그

문서의 제목을 나타낸다. TITLE 태그 사이에 쓴 제목은 브라우저 최상단 왼쪽에 표시된다.
HEAD 태그 사이에만 쓴다. TITLE은 되도록 한눈에 알아 볼 수 있게 한다. 좀더 세부적으로...
'강좌'라는 제목 보다는 '웹이조아 - HTML강좌'가 훨씬 좋다.

형식 : <title> ... </title>
예제 결과
<title> 제목 </title> 생략.



5. BODY 태그

HEAD 관련 몇가지 태그를 제외하고는 대부분 BODY 태그 안에서 사용한다.
BODY 태그 안에 쓴 내용들이 실질적으로 브라우저에 보여진다.
BGCOLOR 속성은 브라우저 전체의 배경색을 지정한다. 이 속성을 쓰지 않으면 기본적으로 흰색으로
보여진다. TEXT 속성은 글자색을 말한다. 역시 쓰지 않으면 검은색으로 나온다.
배경에 그림을 넣고 싶을때 BACKGROUND 속성을 사용한다. BGCOLOR와 BACKGROUND는 보통 같이
사용하지 않는다. 배경그림이 바둑판형식으로 브라우저를 꽉~ 채우기때문에 투명 이미지가 아닌이상
배경색은 보이지 않기 때문이다.
LINK, VLINK, ALINK는 A 태그를 쓸때 링크와 관련해서 보여지는 색이다.

형식 : <body> ... </body>
속성 : bgcolor="색" - 문서 전체의 배경색 (기본-white)
      . text="색" - 문서 전체의 글자색 (기본-black)
      . background="그림파일/URL" - 문서 전체의 배경그림
      . link="색" - 선택된 적이 없는 링크 색
      . vlink="색" - 선택된 적이 있는 링크 색
      . alink="색" - 마우스로 클릭한 상태의 링크 색

예제 결과
<body> 문서의 내용 </body> 생략.
<body bgcolor="gray" text="white"> 생략.
<body background="back.gif"> 생략.
<body background=
    "http://www.webejoa.com/img/back.gif">
생략.
<body link="blue" vlink="#ff00ff" alink="ff0000"> 생략.


[팁] 색 지정하기[색상표 보기]
. RGB를 이용 - 16진수 6자리로 구성되며 000000 ~ FFFFFF 까지 사용가능하다.
                16진수란? 0123456789abcdef다. 두자리씩 잘라서, 빛의 삼원색 Red.Green.Blue의 색을
                나타낸다. 000000은 검은색, FFFFFF은 흰색, FF0000은 빨간색... RGB로 나타낼때
                색앞에 #을 붙이기도 하는데생략해도 상관없다.
. 영어 색상이름 이용 - 흔히 알고 있는 WHITE, BLACK, RED, BLUE 등...


[팁] 경로 지정하기
. 절대 경로 - 경로의 처음부터 끝까지가 완전히 기술된 경로명을 말한다.
               드라이브명:\디렉토리(폴더)이름\파일이름
. 상대 경로 - 현재 디렉토리로부터 시작하여, 상대적인 경로를 지정한다.
               "../" 현재 디렉토리에서 상위 디렉토리로 이동한다.
               "sub/test.html" 현재 디렉토리의 하위 sub 디렉토리의 test.html파일을 지정한다.

[팁] URL(Uniform Resource Locator) 이란.
URL은 인터넷에서 접근 가능한 자원의 주소를 표현할 수 있는 형식을 말한다.
자원의 형태는 인터넷 응용 프로토콜에 따라 다를 수 있다. Web의 프로토콜인 HTTP를 사용하는
경우, 자원이란 HTML 페이지, 이미지 파일등 HTTP가 지원하는 다른 파일들이 될 수 있다.


출처:웹이조아

상세보기




'* DevSecOps > Development' 카테고리의 다른 글

HTML 과제  (0) 2012.04.10
HTML+CSS+JavaScript2  (0) 2012.03.23
1.2 글자와 문단 관련 태그  (0) 2012.03.16
HTML 이란?  (1) 2011.11.21