HTML문법
일단, 웹 프로그래밍 언어는 클라이언트 측에서 실행되는 언어와 서버 측에서 실행되는 언어로 나뉘는데 실제로 우리가 인터넷을 할 때 우리의 웹 브라우저가 클라이언트, 웹 서버가 서버가 되어서 서로 상호작용(요청과 응답)을 한다.
클라이언트가 서버에게 정보, 조회, 입력 등을 요청하고 서버가 그것을 받아 처리해서 클라이언트에게 다시 보내준다.
여기서 HTML은 클라이언트 측의 언어입니다. 일단 HTML을 어느 정도 배우면 아주 간단한 웹문서는 만들 수 있다.
물론 HTML만 이용해서 짠다는 것은 막장임을 명심!!
1. 기본구조
<html></html>
<head></head> 글 머릿말
<body></body> 본문
<title></title>
<Hn></Hn> 표제 부분에 들어갈 말을 정의. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아짐 defalut H4
<!--주석--> 주석을 달거나 잠시 이미지를 보이지 않게 할때 사용
2. 문단 혹은 줄을 바꾸는 태그
<P> 문단을 바꾸는 태그 줄 바꿈과 동시에 줄을 띈 것같은 효과
<BR> 문단을 바꾸는 태그 줄 바꿈의 역할만 수행
<PRE></PRE> 여백이나 줄 간격 등을 고정시켜 주는 역할
3. 글자의 크기를 마음대로 조절하는 태그
<FONT SIZE = n></FONT> 글자의 크기를 마음대로 조절. 두의 숫자는 1~7까지며 7이 가장 큰 크기 default 3
4. 선 그리기 태그
<HR align = width = size = > 입체적인 선을 그려줌 align은 선의 정렬 width는 선의 폭 size는 선의 높이
5. 목록을 정리해 주는 태그
<UL></UL> 순서가 없는 목록. 일반적인 나열
<OL></OL> 순서가 있는 목록. 위에서부터 번호 매김
<Menu></Menu> 메뉴 목록으로 그리길지 않은 문장의 열거에 사용
<DIR></DIR> 디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열
<DL></DL> 정의 목록 태그 <LI>가 아닌<DT>와 <DD>를 사용
6. 문서를 가운데로 정렬시켜 주는 태그
<center></center> 전체 문장을 가운데로 정렬
7. 인용하기 태그
<blockquote></blockquote> 문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리
8. 글자의 모양을 정의해 주는 태그
<Strong></Strong> , <B></B> 굵은 글씨를 나타내 주는 태그
<EM></EM>, <I></I> 이탤릭체의 글씨를 나타내 주는 태그
<KBD></KBD>, <CODE></CODE>, <TT></TT> 타자기체의 글씨를 나타내 주는 태그
9. 배경 이미지 작업하기
<body background=""> 배경 이미지 띄어줌
<body = "#nnnnnn"> 배경 색깔을 지정
10. 그 밖의 태그들
<DFN></DFN> 정의되어지는 단어에 대한 것
<CITE></CITE> 책이나 사진 등의 제목
<SAMP></SAMP> 컴퓨터상에 메세지
<VAR></VAR> 이탤릭체
<SUB></SUB> 첨자에 관함 태그
<SUP></SUP> 윗첨자
<Basepoint>...<Basepoint> 기본적으로 미리 약속된 크기를 다시 정할때 사용
11. 부분을 강조해 주는 태그
<Blink></Blink> 글자를 깜박이게
<U></U> 글자에 밑줄
12. 연결하기 태그
<A href=""></A> 다른 홈페이지와 연결
<A name=""></A> 자신의 홈페이지 내에서 연결
13. 색상 지정하기
<body text="#nnnnnn"></body> 글자색을 지정
<body link="#nnnnnn"></body> 하이퍼링크의 색을 지정
<body vlink="#nnnnnn"></body> 한번 누른적이 있는 하이퍼링크의 색을 지정
<body alink="#nnnnnn"></body> 누르고 있는 동안의 색을 지정
14. 표 만들기 태그
<table border></table> 표의 전체 형식을 나타냄
<tr><td></td></tr> 표 내부에 들어갈 형식을 정의
<td colspan=n> 가로칸을 n만큼 합쳐줌
<td rowspan=n> 세로칸을 n만큼 합쳐줌
<td align= > 표안의 좌우 정렬 방식을 정의
<td valign> 표안의 상하 정렬 방식을 정의
빠진 부분이 있더라도 지금 지금은 머릿속에 떠오르는 것은 이것밖에....
댓글로 문의 주시기 바랍니다.