HTML의 기본
웹문서를 만든다는 것은 HTML(Hypertext Markup Language)이라는 프로그래밍 언어를 사용하여 문서를 제작하는 것으로 프로그래밍 언어라고는 하지만 C 언어와 같이 까다롭지도 않고 단순히 정해진 기능을 하는 코드들을 나열하고 원하 는 텍스트를 입력하는 것에 불과합니다. HTML은 다음 코드들의 집합체입니다.
HEAD에 들어가는 태그
<!DOCTYPE>
HTML 문서의 버전을 표시한다.
<!-->
홈페이지 중간 중간의 주석 표시
<TITLE>
홈페이지의 제목 표시
<META>
홈페이지의 일반적이 정보를 표시
<SCRIPT>
자바스크립트와 같은 언어를 삽입하고자 할때
<[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록 되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-BGSOUND>
배경음악 지정
<BASE>
홈페이지의 절대경로 지정
<LINK>
현재 홈페이지와 다른 홈폐이지와의 관계 설정
본문과 관련있는 태그
<ADDRESS>
제작자와 연락할수 있는 방법을 표시
<BDO>
오른쪽에서 왼쪽으로 글자 나열
<BLOCKQUOTE>
다른 사람의 말을 인용했다는 것을 표시
<COMMENT>
홈페이지의 주석 표시
<DFN>
홈페이지내에서 특정한 용어를 정의
<DIV>
문단정렬 태그
<KBD>
홈페이지내에서 키보드의 특정 키입력을 설명할때
<LAYER>
홈페이지내에서 레어어 설정
<MARQUEE>
한방향에서 다른방향으로 흘러가는 동작을 연출
<P>
단락을 구분짓는 태그
<PRE>
내용 그대로를 보여주는 태그
<Q>
짧은 인용문을 사용할 때
<SPAN>
한줄에 서식을 적용할 때 쓰는 태그
글자와 관련있는 태그
<B>
글씨를 진하게
<BASEFONT>
본문에 적용시킬 글꼴 설정
<BLINK>
텍스트가 일정 간격으로 깜박인다.
<BR>
텍스트의 줄을 바꾼다
<CENTER>
홈페이지의 중앙에 정렬 시킨다
<CITE>
짧은 인용구 및 문구를 표시
<DEL>
본문 텍스트중 삭제 표시를 해야할 경우
<EM>
일부분을 강조할 때 사용
<FONT>
홈페이지의 글꼴설정
<I>
이태리체로 표시
<INS>
본문중 삽입표시를 해야할 경우 사용
<S>
본문중 일부분에 가운데 선을 긋는다
<SMALL>
설정된 글꼴 크기보다 2포인트 작게
<STRIKE>
글자의 가운데에 선을 긋는다
<STRONG>
글꼴을 진하고 굵게
<SUB>
아래첨자를 만든다.
<SUP>
윗천자를 만든다.
<TT>
일부분을 고정 비례목체로 표시
<U>
밑줄을 긋는다.
<VAR>
변수의 이름을 설정
목록과 관련있는 태그
<DD>
설명형 목록의 항목을 추가할 때 사용
<DIR>
디렉토리 목록 설정
<DL>
설명형 목록을 설정한다.
<DT>
목록에대한 제목이나 설명을 기재할 때 사용
<LI>
모든 목록들의 항목을 추가
<MENU>
메뉴형 목록을 설정
<OL>
순서형 목록을 설정
<UL>
비순서형 목록을 설정
표와 관련있는 태그
<CAPTION>
테이블에 대한 설명이나 제목 등을 기재
<COL>
각열의 속성을 설정
<COLGROUP>
테이블의 열 그룹에 대한 속성을 설정
<TABLE>
문서내에 표를 만든다
<TBODY>
본문에 해당하는 내용을 기재
<TD>
표내에 셀을 삽입
<TFOOT>
꼬리표에 해당하는 내용을 기재
<TH>
각 열의 제목들을 표시
<THEAD>
머리말에 해당하는 내용을 기재
<TR>
표내에 행을 삽입
링크와 관련있는 태그
<A HREF=
하이퍼링크되는 홈페이지를 지정
그림과 관련있는 태그
<AREA>
하나의 이미지에서 링크시킬 영역을 지정
<IMG>
홈페이지에 그림을 삽입할대 사용
<MAP>
홈페이지내에서 이미지 맵을 설정
개체와 관련있은 태그
<APPLET>
자바 애플릿을 삽입한다.
<EMBED>
플러그인 개체를 삽입한다.
<OBJECT>
홈페이지 내에 개체를 삽입한다.
<PARAM>
삽입된 자바 개체에 필요한 파라미터를 설정
가로선과 관련있는 태그
<HR>
홈페이지 내에 가로선을 삽입한다.
프레임과 관련있는 태그
<FRAME>
FRAMESET 내에서 프래임을 만든다
<FRAMESET>
홈폐페이지에 여러 가지 프레임을 만든다
<IFRAME>
홈페이지내에서 다른 홈페이지를 보는창을 만든다.
양식과 관련있는 태그
<BOTTON>
홈페이지에 단추를 삽입
<FIELDSET>
홈페이지 내 양식들을 그룹으로 묶는다
<FORM>
홈페이지 내 양식들을 설정
<INPUT>
양식폼에 양식을 삽입한다.
<ISINDEX>
입력란을 만들어 검색쿼리를 만든다.
<LABLE>
양식의 한부분에 자세한 설명을 주고자 할때
<LEGEND>
같은 성격의 양식들을 구분할 때 사용
<SELECT>
드풉다운 박스에 의한 선택형 메뉴를 만든다.
<TEXTAREA>
여러 줄을 입력할수 있는 글상자를 만든다
BODY 태그 부명령
ALINK="색이름"
홈페이지의 링크색을 지정
BGCOLOR="색"
홈페이지의 배경색을 지정
BACKGROUND
배경그림 지정
BGPROPERTIES
배경이미지를 고정시킨다.
CLASS
스타일시트에 의해 정의된 서식 적용
LINK="색"
링크되어 있는 곳의 색 지정
TEXT ="색"
기본 문자색을 지정
VLINK="색"
열어본 홈페이지의 링크색 지정
SCROLL
스크롤가능여부 지정 (YES,NO>
STYLE=
적용할 스타일 시트 적용
TABLE 태그 부명령
ALIGN=
정렬방법 (LEFT, CENTER, RIGHT, JUSTIFY)
BACKGROUND
표의 배경이미지 지정
BORDER=
표의 외곽선 두께 지정
BORDERCOLOR=
표 외곽선의 색상을 지정
BORDERCOLORDARK
외곽선을 3차원으로 만들 때 (어두운색)
BORDERCOLORLIGHT
외곽선을 3차원으로 만들 때 (밝은색)
CELLSPACING
내용사이의 간격 지정
HEIGHT
표의 높이 지정
WIDTH
표의 너비 설정
MARQUEE 태그 부명령
BEHAVIOR=
텍스트의 흘러가는 형식 지정
= scroll (텍스트가 흘러가다 사라짐)
= slide (흘러가다 마직막에 멈춤)
= alternate (양쪽방향으로 반복)
BGCOLOR=
흘러가는 텍스트의 배경색 지정
DIRECTION=
흘러갈 방향 지정 <UP, DOWN, LEFT, RIGHT)
HEIGHT=
흘러가는 텍스트의 높이 지정
LOOP=
반복횟수를 지정
SCROLLMOUNT=
텍스트가 흘러가는 속도를 설정
SCROLLDELAY=
흘러가는 텍스트의 나타나는 간격 설정
VSPACE=
흘러가는 텍스트의 수직 간격 설정
WIDTH=
흘러가는 텍스트의 너비 설정
'정보+뉴스' 카테고리의 다른 글
당대 최고 인기 여배우 김지미 (0) 2014.09.11 컴퓨터 백신 프로그램 (0) 2014.08.29 세월호 특례법이 뭐여~~~ (0) 2014.08.22 교황이 주는 멧세지 (0) 2014.08.21 감기 예방하기 (0) 2014.08.10