오........아...?????ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
html조사하기래요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
개뿔....
그래서 뭘 조사했나... 제 보고서를 봤더니..
그냥 문법?? 문법도 아닌거 같은데.. 키워드?? 뭐 이딴거 조사했더라구요?ㅋ?ㅋㅋ
1학년이 그렇죠 뭐.. 뭘 알겠어.. 나 따위가..
|
|
뭐.. 그래도.. 도움될지도 모르자나요.. 1학년 따위가 정리한답시고 어디서 가져와서 적은 것 같은데..
제가 조사한거니까.. 제 자료잖아요..??ㅋㅋㅋㅋ
5년전자료따위... 필요없을까나요..
필요한 사람만 보세요.. 그럼..ㅋㅋㅋㅋ
|
정의 HTML이란 Hyper Text Makeup Language의 약자로, 웹 문서를 표기하기 위해 사용하는 프로그래밍 언어의 일종이다. HTML은 문자의 색과 크기 조정, 그래픽 표현, 문서이동 등의 다양한 기능을 구현 할 수 있다. 이러한 기능을 구현하기 위해 사용하는 명령어를 태그(TAG)라고 하는데, 태그는 각 괄호 안에 쓰여 진 명령어로 대부분 시작과 끝을 표시하는 2개의 쌍으로 이루어진다. 이 태그 쌍 중간에는 명령의 적용을 받는 내용들이 위치하게 된다. |
이거..... 네이버에서 쳐서 백과사전인지 뭐신지 거기서 가져온거겟죠..?
저도 잘 몰라요.. 어디서 났는지는..ㅋㅋㅋㅋ
|
문법 태그 <!--...-->: 주석정의 <!DOCTYPE>: 문서 유형 정의 <a>: 사용자가 클릭했을 때 브라우저를 다른 곳으로 이동하게 하는 링크를 만드는데 사용 된다. <a href="url" hame="anchor">...</a> href- 사용자가 링크를 클릭했을 때 브라우저가 이동할 URL을 지정한다. name- ＜a＞ 태그 내에 포함된 요소에 이름을 붙여준다. name 속성으로 지정된 이 름은 다른 <a> 태그에서 참조하여 페이지 내의 링크로 사용 될 수 있다.
<abbr>: HTTP나 WWW와 같은 약자(abbrevi-ation)를 표시하기 위해 사용 된다. 현재까 지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다.
<acronym>: WAC(Women's Army Corps), Radar와 같은 두 문자 어(Acronym)를 표기하 기 위해 사용된다. 현재까지의 브라우저들은 이 태그를 다른 형식으로 보여 주지 못한다.
<address>: 주소나 연락처와 같은 본문 블록을 정의하기 위해 사용된다. <address> 태그 블록 내부에는 다른 HTML 태그를 이용해 블록의 포맷을 변경 시킬 수 있다. 대개 <address> 태그는 본문 블록을 이탤릭체로 표기하며 들여쓰기는 하지 않 는다.
<applet>: <applet> 태그는 지정된 자바 애플릿을 실행하기 위해 사용된다. 자바 애플릿을 지원하지 않는 브라우저는 <applet>...</applet> 태그 블록을 무시한다. 애플릿이 실행하는 데 필요한 정보를 제공 하는 데는 <param> 태그가 함께 사용된다.
<area>: ＜area＞ 태그는 이미지의 영역을 특정한 링크와 연결하기 위해 사용된다. 사용자 가 ＜area＞ 태그로 지정된 영역을 클릭하면 href 속성으로 지정된 URL로 이동. ＜area alt="대체 문자열" coords="좌표" href="URL" nohref shape="모양"＞ alt- ＜area＞ 태그를 지원하지 않는 브라우저에서 대체하여 표시할 문자열을 지정한다. coords- 영역의 좌표를 픽셀 단위로 지정한다. 영역이 사각형(rect)일 경우 이 속성은 " 왼쪽, 상단, 오른쪽, 하단" 형식이 되며, 원형(circle)일 경우 "중심x, 중심y, 반 지름"이 된다. 다각형(poly)일 경우에는 다각형의 각 꼭지점을 차례로 지정한다. href- ＜area＞ 태그로 지정된 영역을 클릭했을 때 브라우저가 이동할 URL을 지정한다. nohref- 이 속성이 포함되어 있으면 지정된 영역이 링크와 연결되어 있지 않음을 의미 shape- 영역의 모양을 지정한다. 사용할 수 있는 값으로는 rect, circle, poly와 default 가 있다.
<b>: 블록에 포함된 텍스트를 볼드체로 나타나게 한다.
<base>: 문서에 포함된 다른 모든 href 속성의 기본 URL을 지정한다. ＜base＞ 태그는 문 서에 포함된 절대 URL을 손쉽게 다른 것으로 옮기기 위해 사용된다. 만약 문서에 포함된 모든 절대 URL을 수정하려면 ＜base＞ 태그의 href 속성만 바꾸어 주면 된다. target 속성은 목적지 윈도우를 지정한다. ＜base＞ 태그는 ＜head＞ 태그 블록 내부에서만 사용이 허용된다.
<big>: 텍스트의 크기를 한 단계 증가 시킨다. 반대의 기능을 하는 태그로 ＜small＞이다.
<blockquote>: 본문에 인용된 문구를 넣을 때 사용한다. ＜blockquote＞ 태그로 지정된 블 록은 오른쪽으로 한 단계 들여쓰기 되며 ＜p＞ 태그와 마찬가지로 블록의 시작과 끝이 다른 문단과는 분리된다. ＜blockquote＞ 태그는 문단의 구조를 정의하는 태그이기 때문에 논리적으로는 입력양식이나 테이블, 리스트와 같 은 태그를 포함해서는 안 된다.
<body>: 웹페이지의 모든 본문을 포함한다. 또한, 위의 몇 가지 속성으로 본문의 속성을 지 정하기도 한다.
＜body bgcolor="칼러" background="URL" text="컬러" link="컬러" alink="컬러" vlink="컬러"＞...＜/body＞
bgcolor- 웹페이지의 배경 컬러를 지정한다. background- 웹페이지의 배경을 장식할 이미지의 URL을 지정한다. GIF와 JPEG의 두 가 지 파일 형식을 사용할 수 있다. TEXT- 본문의 컬러를 지정한다. link- 일반적인 상태의 링크 컬러를 지정한다. alink- 활성화 된(클릭하고 있는) 상태의 링크 컬러를 지정한다. vlink- 이미 방문한 적이 있는 링크의 컬러를 지정한다.
<br>: HTML 문서에 라인 끊기를 넣어준다. 즉, 본문의 줄 바꾸기를 한다. clear 속성에는 left나 right, all, 또는 none을 지정할 수 있는데, 이미지의 주위를 감싸는 텍스트의 위치를 지정하기 위하여 사용한다.
<caption>: 테이블의 열이나 행의 앞에 헤드나 캡션을 넣어주는데 사용된다. ＜caption＞ 태그는 반드시 ＜table＞ 태그 블록에 포함되어야 한다. 이 태그의 align 속성은 두 가지 용도를 가지고 있다. 첫째로 top이나 bottom을 지정하면 캡션을 행의 상단이나 하단에 놓을지를 결정할 수 있고 left나 right를 지정하여 캡션 문자열 을 왼쪽이나 오른쪽으로 지정할 수 있다. 디폴트 정렬방식은 중앙(center)이다.
<cite>: 인용된 문구를 표시하기 위해 사용된다. 대부분의 브라우저는 ＜cite＞ 태그가 이용 된 문구를 이탤릭 글꼴로 표시해 준다.
<code>: 보통 인용된 짧은 컴퓨터 프로그래밍 언어를 표시하기 위해 사용된다. 여러 라인 의 코드를 표기하려면 ＜pre＞ 태그를 사용 하는 것이 좋다. 브라우저는 ＜code＞ 태그가 이용된 문구를 고정된 글꼴로 표시해 준다.
<dd>: 정의 리스트를 만들 때 리스트 항목을 정의하는 역할을 한다. 정의 리스트는 목차나 용어 설명과 같은 형식의 리스트를 만드는 데 적합하다.
<div>: ＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 함께 사용되어 문단의 구조를 정의 한다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합 되 어 다양한 용도로 응용 될 수 있다. 보통 ＜span＞ 태그는 인라인 요소에, ＜div＞ 태그는 블록 레벨 요소에 사용된다.
<dl>: dd 태그와 함께 사용되어 정의 리스트를 만드는데 사용된다.
<dt>: 정의 리스트에 사용되어 정의 용어(definition term)를 정의한다. 모든 ＜dt＞ 태그는 반드시 ＜dd＞ 태그와 함께 사용되어야 한다. ＜dd＞ 태그는 정의 설명(definition description)을 의미한다.
<em>: 지정한 블록을 강조해 줄 것을 요구한다. 하지만 어떻게 강조할지는 브라우즈의 몫 이다. 대부분의 브라우즈는 ＜em＞ 태그 블록의 본문을 이탤릭체로 표시한다.
<form>: 사용자로 부터 정보를 입력 받고 이 정보를 서버나 전자메일 주소로 보낼 수 있는 방법을 제공한다. 입력 양식은 텍스트 입력 필드와 체크 박스, 라디오 버튼, 드롭 다운 리스트, 버튼 등을 포함할 수 있다. 모든 입력 양식에는 반드시 submit 버튼 이 있어야 하는데, 이 버튼을 클릭하는 순간 입력 양식에 입력된 정보가 서버나 전자 메일 주소로 전송된다.
<frame>: frame 태그는 프레임을 나눌 때 한 프레임의 특성을 지정하는 데 사용된다. ＜frame name="프레임 이름" marginwidth="프레임 너비" marginheight="프레임 높이" noresize scrolling="yes| no| auto" src="URL"＞
name - 프레임의 이름을 지정 한다. 이 이름은 ＜A＞ 태그의 target 속성의 값에 사용. marginwidth - 프레임 왼쪽과 오른쪽의 여백을 지정한다. 이 속성이 지정되지 않으면 브 라우저가 여백의 너비를 기본 값으로 결정하게 된다. marginheight - 프레임 상단과 하단의 여백을 지정한다. 이 속성이 지정되지 않으면 브라 우저가 여백의 너비를 기본 값으로 결정하게 된다. noresize - 이 속성이 포함되어 있으면 사용자가 프레임 크기를 조정할 수 없게 된다. 만 약 이 속성이 포함되어 있지 않으면 사용자가 프레임의 경계선을 드래그 하여 프레임의 크기를 조정할 수 있다.
scrolling - 스크롤바를 표시할지를 결정한다. yes는 항상 표시하며, no는 표시하지 않는 다. auto는 정보량이 화면의 한 페이지를 넘어 가면 자동으로 스크롤바를 표 시 한다. src - 프레임에 보여 질 웹페이지의 URL을 지정한다.
<frameset>: 브라우저 윈도우를 별도로 작동하는 여러 개의 윈도우(프레임)로 나누는데 사 용된다. 각 프레임의 특성은 ＜frame＞ 태그로 지정한다. ＜frameset＞ 태그 는 ＜body＞ 태그와 함께 사용될 수 없다. 즉, ＜frameset＞ 태그를 사용할 때는 ＜body＞ 태그 대신 사용된다. ＜frameset cols="값의 리스트" rows="값의 리스트"＞...＜/frameset＞ cols - 윈도우의 행을 몇 개의 프레임으로 나눌 것 인지를 결정하고 각의 프레임에 크기 를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다. rows - 윈도우의 열을 몇 개의 프레임으로 나눌 것 인지를 결정하고 각의 프레임에 크기 를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다. <h1> to <h6>: h1~h6까지의 여섯 가지 태그는 본문과 구별되는 헤딩(제목)을 표기하기 위 하여 사용된다. 헤딩은 다른 본문과는 구별되도록 문단의 상단과 하단이 분 리 되며, 볼드체를 사용해 다른 본문 보다는 크게 나타난다. ＜h1＞은 가장 큰 글꼴을 사용하며, ＜h6＞은 가장 작은 글꼴을 사용한다.
＜h1 align="left| right| center"＞...＜/h1＞
align- 헤드가 정렬되는 방법을 결정한다. left나 right, center의 세 가지 값 중의 하나를 선택할 수 있다. <head>: 웹페이지에 직접 영향을 주는 태그는 아니지만 웹페이지 전체에 대한 몇 가지 정 보를 지정하는 데 사용된다. 특히, ＜title＞과 ＜meta＞ 태그는 ＜head＞ 태그 블록에 포함 되어야 한다. 대부분의 웹프로그래머들은 자신들의 자바 스크립트나 VB 스크립트 함수가 본문이 디스플레이 되기 전에 선언되도록 ＜HEAD＞ 태그 블록에 정의 한다.
<hr>: ＜hr＞ 태그는 웹페이지에 음영 처리된 수평 막대(horizontal ruler)를 그리는 데 사 용된다.
＜hr align="정렬 방식" noshade size="두께" width="너비"＞
noshade - 만약 이 속성이 포함되어 있으면 임체 효과를 사용하지 않고 단순한 형태의 평면 막대를 보여준다. size - 수평 막대의 두께를 픽셀 단위로 지정한다. width - 수평 막대의 너비를 지정한다. 브라우저 윈도우에 대한 백분율로 지정하거나, 픽 셀 단위로 지정 할 수 있다.
<html>: html 태그는 다른 모든 태그를 감싸는 태그로, HTML 문서의 시작과 끝에 놓인다.
<i>: 블록에 포함된 텍스트를 볼드체로 나타나게 한다.
<img>: ＜img＞ 태그는 웹페이지에 이미지 파일을 추가하기 위해 사용된다. width 속성과 height 속성은 이미지의 크기를 변경하는 데도 사용할 수 있다. 예를 들어 100 x 100 크기의 이미지가 있다고 할 때, width=200 height=200 형식을 사용하면 이미 지가 두 배로 커지게 된다. 이미지의 크기를 변경하지 않더라도 width와 height의 속성은 포함시켜 주는 것이 좋다. 왜냐하면, 요즈음의 브라우저들은 width와 height 속성에 지정된 값으로 이미지가 차지할 영역을 미리 할당하므로 나머지 본 문을 더욱 빨리 그려줄 수 있기 때문이다.
＜img align="정렬 방식" alt="대체 문자열" border="경계선의 두께" width="이미지의 넓이" height="이미지의 높이" src="이미지 파일의 URL" hspace="이미지 좌우측의 공백" vspace="이미지 상하단의 공백" usemap＞
align- left, right, top, middle, bottom 중의 한 가지 값이 될 수 있으며, left나 right가 지정되면 이미지와 좌나 우에 텍스트가 위치하며 top, middle, bottom 중의 하나 가 지정되면 이미지와 같은 라인에 놓이는 수직 정렬방식을 결정한다. alt- 이미지를 나타낼 수 없는 브라우저에서 이미지 대신 보여줄 문자열을 지정한다. 또, 표시된 이미지에 마우스를 대면 그 문자열이 나타난다. border- 이미지의 테두리 두께를 지정한다. 디폴트는 테두리를 그리지 않지만 이미지를 링크로 사용했을 때는 테두리가 나타난다. border 속성을 이용하여 테두리를 감 추거나 나타낼 수 있다. width- 이미지의 너비를 픽셀 단위로 지정한다. height- 이미지의 높이를 픽셀 단위로 지정한다. src- 삽입할 이미지 파일의 URL을 지정한다. GIF나 JPG를 사용할 수 있다. hspace- 이미지의 좌우측 여백을 픽셀 단위로 지정한다. vspace- 이미지의 상하단의 여백을 픽셀 단위로 지정한다. usemap- 이미지를 클라이언트측 이미지 맵으로 사용 할 경우, 이 속성을 포함 시키고 ＜map＞ 태그 선언에서 사용한 이미지맵의 이름을 지정해 준다.
<input>: ＜input＞ 태그는 입력 양식에 다양한 입력 양식 요소를 만드는 데 사용된다. 각 각의 입력 양식 요소에는 한 개 씩의 ＜input＞ 태그가 필요하며, 입력 양식 요소 의 종류는 type 속성을 통해 제어한다.
＜input align="정렬 방식" checked maxlength="최대 넓이" name="이름" size="크기" src="URL" type="입력 요소의 종류" value="값"＞
align- type 속성이 image 일 때만 효과가 있다. left, right, top, middle, bottom 중의 한 가지 값을 사용할 수 있다, checked- type 속성이 radio이거나 checkbox일 때에만 효과가 있다. 라디오 버튼과 체크 박스는 선택된 상태와 선택되지 않은 두 가지 상태가 있는데, 태그 선언에 checked 속성이 포함되어 있으면 이들 요소를 선택된 상태로 만든다. maxlength- type 속성이 text 이거나 password일 때만 효과가 있다. 이 속성은 사용자가 입력 필드에 입력할 수 있는 수를 제한 한다. name- 입력 양식 요소에 입력된 데이터의 이름을 지정한다. 이 이름은 웹 서버에 데이터 가 전송된 후에 데이터를 처리하기 위해 사용된다. size- type 속성이 text이거나 image일 때만 효과가 있다. 이 속성은 입력 필드의 길이를 지정한다. src- type 속성이 이미지일 때만 효과가 있다. 입력 양식에 추가할 이미지 파일의 URL을 지정한다. 이미지 필드는 submit 버튼과 비슷하게 작동한다. 이미지 필드가 클릭되 면 클릭된 좌표와 함께 입력된 데이터가 서버에 전송된다. type- type 속성은 input 필드로 만들어진 입력 양식 요소의 종류를 지정한다. 사용할 수 있는 값은 image, text, password, checkbox, radio, submit, rest, hidden이 있 다. 이 속성이 생략되면 text가 만들어 진다. value- 입력 양식 요소의 디폴트값을 지정한다. reset 버튼이 클릭되면 value 속성에 지 정된 디폴트값이 요소에 저장된다.
<li>: ＜li＞ 태그는 ＜ol＞이나 ＜ul＞ 태그 블록의 내부에 포함되어 리스트의 항목을 정의 한다. ＜ol＞ 태그 블록에 포함될 때는 리스트 항목의 앞에 번호를 붙여 주며, ＜ul＞ 태그 블록에 사용될 때는 블릿 문자를 붙여 준다.
<link>: ＜link＞ 태그는 현재 문서와 다른 문서 사이의 관계를 정의한다. ＜a＞ 태그와도 비슷하지만 ＜link＞ 태그는 문서의 헤드 섹션에만 사용할 수 있다. 미래에 만들어 질지 모르는 다양한 기능을 위해 디자인된 태그지만, 현재는 주로 스타일 시트 파 일을 연결하는 데 사용된다.
＜link href="URL" rel="문서의 관계" rev="반대의 관계" title="타이틀"＞
href- 연결할 문서의 URL을 지정한다. rel- 현재의 문서와 href 속성으로 연결된 문서 사이의 관계를 지정한다. rev- reverse link를 정의 한다. title- 연결할 문서의 타이틀을 지정한다.
<map>: 클라이언트측 이미지맵을 정의하는데 사용된다. name 속성에 지정된 이름은 ＜IMG＞ 태그의 usemap 속성에 사용된다.
<meta>: 웹페이지에 대한 정보를 지정하거나 웹페이지의 HTTP 헤더를 지정하는데 사용될 수 있다. ＜meta＞ 태그는 항상 문서의 헤더 섹션에 포함되어야 한다.
<noframes>: 프레임을 지원하지 않는 브라우저에서 보여줄 내용을 지정한다.
<object:>: 웹페이지에 여러가지 형태의 객체를 추가하기 위해 사용된다. 객체는 자바 애플 릿일 수도 있고 이미지 파일이나 여러가지 포맷의 멀티미디어 파일일 수도 있 다. ＜object＞ 태그는 HTML 4.0 이 ＜applet＞이나 ＜embed＞ 태그 대신 권 장하고 있는 새로운 태그이다.
＜object classid="객체의 URL" codebase="애플릿 클래스 파일의 URL" data="객체 데 이터의 위치" type="객체의 종류" codetype="객체의 타입" archive="객체가 이용할 데이터" width="객체의 너비" height="객체의 높이" standby="스탠바이 문자열" usemap="이미지맵의 이름" name="객체의 이름"＞
classid- 객체의 URL을 지정한다. codebase- 추가하려는 객체가 자바 애플릿일 경우 애플릿 클래스 파일의 URL을 지정. data- 객체 데이터의 위치를 지정한다. type- 객체의 종류를 지정한다. codetype- 객체의 타입을 지정한다. archive- 객체가 이용할 데이터 파일을 콤마로 분리된 리스트로 지정한다. width- 객체의 너비를 픽셀로 지정한다. height- 객체의 높이를 픽셀로 지정한다. standby- 객체를 로드하는 동안 보여줄 문자열을 지정한다. usemap- 객체가 이미지이고 클라이언트측 이미지맵으로 사용될 경우 이미지맵 선언의 이 름을 지정한다. name- 객체의 이름을 지정한다.
<option>: 입력 양식내에 리스트 박스나 드롭다운 리스트를 만드는 데 사용된다. ＜optio n＞ 태그는 항상 ＜select＞ 태그 블록에 포함된다.
＜option selected value="값"＞...＜/option＞
selected- 이 속성이 포함되어 있으면 리스트 박스나 드롭다운 리스트가 초기화될 때 옵 션이 선택된 상태가 된다. value- 입력 양식이 서버로 전송될 때 전송될 값을 지정한다.
<p>: 논리적인 하나의 문단을 지정하는데 사용된다.
<param>: 자바 애플릿에 인자를 제공하기 위해 사용된다. ＜param＞ 태그는 반드시 ＜applet＞ 태그 블록에 포함된다.
＜param name="이름" value="값"＞ name- 인자의 이름을 지정한다. value- 인자의 값을 지정한다.
<pre>: pre 태그 블록은 HTML 소스에 나타난 문단의 형태를 그대로 웹페이지에 보여주는 데 사용된다. 보통 문단은 고정 폭 글꼴을 사용해 보여 진다.
<samp>: 프로그램이 출력한 정보를 그대로 보여주기 위해 사용된다. 보통 고정 폭 글꼴이 사용되지만 모든 브라우저가 고정 폭 글꼴을 사용하는 것은 아니다. 확실하게 고 정 폭 글꼴을 사용하고자 한다면 ＜tt나＞ ＜pre＞를 사용하는 것이 좋다.
<script>: HTML 문서 내에 자바 스크립트나 VB 스크립트를 포함시키기 위해 사용된다. 모든 브라우저가 이 두 가지 스크립터 언어를 지원하는 것은 아니다.
<select>: select 태그는 입력 양식에 드롭다운 리스트를 만드는데 사용된다. ＜select＞ 태 그는 반드시 ＜from＞ 태그 블록에 포함되어야 하며, 드롭다운 리스트 항목은 ＜option＞ 태그를 이용해 지정한다.
＜select multiple name="이름" size="값"＞...＜/select＞
multiple- 이 속성이 포함되어 있으면 드롭다운 리스트에서 동시에 여러 항목을 선택할 수 있게 된다. name- name 속성은 반드시 지정되어야 한다. 이 속성에 지정된 이름은 웹 서버에 입력 양식 정보가 전달될 때 함께 전달된다. size- 드롭다운 리스트에서 한 번에 몇 개의 항목이 보여 질지 결정한다.
<span>: ＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 한께 사용되어 문단에 구조를 정의하기 위하여 사용된다. 보통 ＜SPAN＞ 태그는 인라인 요소에, ＜DIV＞ 태그 는 블록 레벨 요소에 사용된다.
<strong>: 본문을 강하게 강조한다. 대부분의 브라우저는 ＜strong＞ 태그가 사용된 본문을 볼드체로 보여준다.
<style>: 웹 페이지에 스타일 시트 선언을 포함하기 위해 사용된다.
＜style type="text/css"＞...＜/style＞
type - 이 속성에는 항상 "text/css"를 넣어 주어야 한다.
<sub>: 본문을 아래첨자 형식으로 보여준다. 아래첨자로 지정된 본문은 일반 본문보다 약 간 작고 아래쪽에 보인다.
<table>: ＜table＞ 태그는 테이블을 만들기 위해 사용된다. ＜table＞ 태그가 가진 속성들 은 테이블 전체에 영향을 주는 특성들, 즉 테이블의 정렬 방식이나 배경 색상, 경 계선의 두께 등을 지정하며, 실제로 테이블의 열과 셀을 만드는 태그는 ＜table＞ 태그 블록에 포함되는 ＜tr＞과 ＜td＞ 태그이다.
＜table align="정렬방식" bgcolor="바탕 색상" border="경계선의 두께" cellpadding=" 셀과 경계선의 간격" cellspacing="셀 사이의 간격" width="테이블의 너비"＞...＜/table＞
align- 테이블이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 선택 할 수 있다. bgcolor- 테이블의 배경 색상을 지정한다. 색상 이름이나 색상 코드를 사용할 수 있다. border- 테이블의 경계선 두께를 픽셀 단위로 지정한다. cellpadding- 테이블의 경계선과 셀 본문의 간격을 픽셀 단위로 지정한다. cellspacing- 셀과 셀 사이의 간격을 픽셀 단위로 지정한다. width- 테이블의 너비를 지정한다. 브라우저 너비의 비율로 지정하거나 픽셀 단위로 지정 할 수 있다.
<td>: ＜td＞ 태그는 테이블에 셀을 만드는데 사용된다. ＜td＞ 태그는 반드시 ＜tr＞ 태그 에 포함되어야 한다.
＜td align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap＞...＜/td＞
align- 테이블 셀에 포함될 내용이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 사용할 수 있다. colspan- 테이블 셀이 여러 개의 행에 걸쳐 합칠 때 합칠 개수를 지정한다. rowspan- 테이블 셀이 여러 개의 열에 걸쳐 합칠 때 합칠 개수를 지정한다. width- 테이블의 너비를 픽셀 단위로 지정한다. height- 테이블의 높이를 픽셀 단위로 지정한다. valign- 테이블 셀에 포함될 내용이 수직으로 정렬될 방법을 결정한다. top, middle, bottom 중에서 한 가지를 선택할 수 있다. nowrap- 테이블 셀의 본문에 셀의 너비에 맞추어 자동으로 줄을 바꾸지 못하도록 한다.
<textarea>: 입력 양식에 여러 라인의 문자열을 입력할 수 있는 문자열 입력 필드를 만들 어 준다. ＜textarea＞ 태그는 반드시 ＜form＞ 태그 블록의 내부에 포함되어 야 한다.
＜textarea cols="행의 수" name="이름" rows="열의 수"＞...＜/textarea＞
cos- 문자열 입력 필드의 행의 수를 지정한다.
name- 사용자가 입력 필드에 입력한 문자열의 이름을 지정한다. 이 이름은 데이터가 서 버 에 전송될 때 함께 전송된다. rows- 문자열 입력 필드의 열의 수를 지정한다.
<th>: ＜th＞ 태그는 ＜td＞ 태그와 마찬가지로 테이블의 셀을 만든다. 다른 점은 셀에 포 함되는 본문이 중앙으로 정렬되는 것이 기본 값이며, 본문이 볼드체로 나타난다는 것 이다. ＜th＞ 태그는 주로 다른 셀의 헤더로 사용될 셀을 만드는 데 사용된다.
<title>: 웹 페이지의 타이틀을 지정한다. ＜title＞ 태그는 반드시 ＜head＞ 태그 블록에 포함되어야 한다.
<tr>: 테이블 내에 열을 만들기 위해 사용된다. ＜tr＞ 태그는 반드시 ＜table＞ 태그 블록 에 포함되어야 하며, 원하는 열의 개수만큼 ＜tr＞ 태그가 필요하다. ＜tr＞ 태그 블 록에는 ＜td＞나 ＜th＞가 포함되어 셀을 만들어 낸다.
<tt>: 본문을 텔레타이프 형식으로 보여 준다. 대부분의 브라우저는 ＜tt＞ 태그 블록의 본 문을 고정 폭 글꼴을 사용해 보여준다.
<ul>: ＜ul＞ 태그는 블릿 리스트를 만드는 데 사용된다. 리스트 항목은 ＜li＞ 태그로 정의.
＜ul compact type="종류"＞...＜/ul＞
compact - 이 속성이 포함되어 있으면 리스트를 최대한 작은 공간을 차지하도록 표시해 준다. <var>: 컴퓨터 프로그램의 변수를 표시하기 위해 사용한다. |
문법?? 이 참 많네요...
다행이에요.. 이렇게 정리가 되어있어서..
난잡했으면 제가 다시 정리했어야 했을테니..ㅋㅋㅋㅋㅋㅋ
보시다 싶이 html문에서 쓰이는 짜잘한 문법들 같네요 ㅋㅋㅋ
필요한 거 있음... 알아서 잘 응용해서 사용하시길..ㅋㅋㅋㅋㅋ