 |
|
| |
|
   홈페이지 |
22년 전 |
Html의 기본태그
***************************************************************************************
기본 명령어
<html> Html의 문서 작성을 나타내는 태그입니다.
<head> 문서의 시작을 알리는 태그입니다.
<title> 문서의 제목을 지정하며 브라우저의 타이틀바에 나타납니다.
</title> 문서 제목 끝을 알립니다.
</head> 문서의 시작을 알리는 태그 끝입니다.
<body> 문서의 파일 즉 본문을 시작하는 태그입니다.
</body> 본문 끝을 알리는 태그. <body>와 </body> 사이의 명령어가 웹상에 보여집니다.
</html> html 문서 작성 끝을 알리는 태그입니다.
***************************************************************************************
서식관련
<body bgcolor="컬러">
웹상에 보여지는 윈도우의 배경화면 지정해줍니다.
<address>내 용</address>
메일주소나 연락처등을 기록(글자가 기울여 써짐)
<body background="이미지주소">
배경 그림을 불러옵니다.(http://로 시작하겠죠.)
<b>내용</b>
글자를 굵게 나타냅니다.
<body text="컬러">
글씨색의 표준을 지정 해줍니다.
<tt>내 용</tt>
타자기로 타이핑 한 것처럼 글자를 나타냅니다.
<body link="컬러">
링크를 걸어놓은 글자 색을 지정해줍니다.
<hr size="숫자" width="숫자" align=left/center/right></hr>
수평선의 두께/넓이/문단의 왼쪽,중앙, 오른쪽을(위치> 지정해줍니다.
<body vlink="컬러">
이미 검색한 링크 글자를 지정해 줍니다.
<font size="숫자" color="컬러/이진법" face="글씨체">내용</font>
글자의 크기/색상/글꼴을 지정해줍니다.
<body alink="컬러">
열고 있는 링크색 지정.
<p aligh="left/center/right">내용</p>
문단의 내용을 정렬해줍니다.
<p>내용</p>
본문에서 단락을 구분해 줍니다.
<i>내 용</i>
글자를 이태릭체로 나타냅니다.
내용<br>
닫아주는 명령어가 없고 쉽게 말하면 Enter와 같은 명령어입니다.
<u>내 용</u>
밑줄을 그어줍니다.
<center>내용</center>
글자나 그림등을 본문의 중앙에 나타냅니다.
<blank>내 용</blank>
깜박이게 합니다. Netscape 전용입니다.
<hr></hr>
수평선을 그어줍니다.
<kbd>내 용</kbd>
키보드와 같은 글씨체
<pre>내용</pre>
스페이스의 공백을 인식해 줍니다.
<strong>내 용</strong>
글자를 굵게 나타냄
한칸을 띄워줍니다.(여러칸은 반복해서 사용하시면 되죠.)
<sub>내 용</sub>
글자를 아래 첨자
<h1~6>내용</h1~6>
1~6까지 글자 크기를 나타냅니다.
<sup>내 용</sup>
글자를 윗첨자로
<big>내용</big>
기본 글자 크기보다 한단계 크게 나타냅니다.
<!--- 주석(내용) ---->
주석으로 웹상에는 안나타남.
<br>
줄을 바꿀 때 사용
<em>내 용</em>
강조,이태릭체
<small>내용</small>
기본 글자 크기보다 한 단계 작게 나타냅니다.
<basefont size="크기">
전체 글자의 크기 지정
***************************************************************************************
목록정의
<ul></ul>
순서가 필요없는 목록을 적을때
<dl></dl>
용어정의 목록을 사작하는 곳에 쓴다.
<ol></ol>
순서가 필요한 목록을 적을때
<dt>
용어의 이름을 쓴다.
<li></li>
ul,ol태그사용시 목록을 적을때
<dd>
용어에 대한 설명을 쓴다.
***************************************************************************************
그림태그
<img src="파일명이나 url">
그림을 삽입하기 위한 태그
<img src="파일명" border="숫자">
그림의 테두리 선의 값 지정
<img src="파일명" border="숫자" width="숫자" height="숫자">
그림의 넓이와 높이를 지정
<img src="파일명" alt="그림설명" align="left/center/right">
alt=마우스를 올렸을 때 그림설명 align=그림정렬방식
<img src="파일명" align="top/middle/bottom">
그림 옆에 오는 글자를 그림의 상단/중앙/아래부분에 나타냄
***************************************************************************************
링크관련태그
<a href="연결될 파일명">글자/그림</a>
글자/그림을 누르면 링크된 문서로 이동
<a href="http://링크될url">글자/그림</a>
링크된 주소로 이동
<a href="mail to:자신의 메일 주소">글자/그림</a>
편지함에 연결됨
<a href="문서명">글자/그림</a><a name="문서명 문단의 첫 부분</a>
같은 문서 내에서의 이동
***************************************************************************************
테이블태그
<TABLE></TABLE> 표를 나타냄
<TR></TR> TABLE안에 쓰여 한 행을 만들어 줌
<TD></TD> TR안에 스여 한 셀을 만들어 줌
<TH></TH> TABLE안에 셀의 제목을 나타냄
<TABLE BORDER=n CELLSPACING=n> TABLE의 테두리선 크기,셀과 셀 사이의 간격을 조절
<TABLE CELLPADDING=n BGCOLOR=색상코드> 셀과 내부 글자와의 간격을 벌려줌, 바탕색을 지정
<TABLE WIDTH=n HEIGHT=n> ABLE 넓이와 높이를 지정
<TD COLSPAN=n ROWSPAN=n> 셀을 가로,세로로 합치고 싶을때 사용
<TD ALIGN=LEFT,CENTER,RIGHT VALIGN=TOP,MIDDLE,BOTTOM> 좌우,중앙,상하 정렬
***************************************************************************************
프레임 관련 태그
<FRAMESET></FRAMESET> 한 페이지에 두개 이상의 창을 작성
<FRAMESET COLS="n%,*"> 화면에 세로 방향으로 금을 그어 화면을 나누는 방식
<FRAMESET ROWS="n%,*"> 화면에 가로 방향으로 금을그어 화면을 나누는 방식
<FRAME SRC="문서.파일명"> 프레임에 불러올 HTML문서 링크
<MARGINWIDTH=n> 프레임 창의 가로 여백을 지정
<MARGINHEIGHT=n> 프레임 창의 세로 여백을 지정
<SCROLLING=YES,NO,AUTO> 프레임 차의 스크롤 지정여부,자동여부
<FRAMEBORDER=n> 프레임의 경계선의 크기를 지정
<TARGET=_BLANK,_TOP,파일명> 프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정
<NAME= > 프레임에 고유의 이름을 간단하게 씀
***************************************************************************************
기타 본문 관련
<EMBED SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n> AUTOSTART를 사용해 홈페이지로 들어오면
백 그라운드 음악이 자동으로 시작하도록 지정할 수 있습니다. 이 태그는 넷스케이프에서만 적용됩니다.
<BGSOUND="사운드.파일명" LOOP=2> <EMBED>태그와 비슷하며 익스플로러에서만 적용됩니다. |
|
 추천 : 529 |
추천
목록
|
|
| |
|
