|
<body> 속성
<body bgcolor="white" text="black" link="blue" vlink="purple"
alink="red">
bgcolor=배경색
background= 배경색 대신 이미지를 배경으로 넣을 때 경로를 쓴다.
text:글자색
link:링크시킨 글자색
vlink(visited link):방문한 링크 글자색
alink(active link):현재 검색중인 색 마우스를 누르고 있을 때 색
|
1)머리글 표현
<hx>문자열</hx> x:1-6까지 지정할 수 있고, 문자열 크기조정을
1로 지정했을 때 가장 큰 문자가 된다.
2)문단
<br>줄과 줄 사이에 공백 없이 단순 줄바꾸기
<p> 단순히 줄바꾸기만 하는 것이 아니라 줄과 줄 사이에 여백이 생긴다.
<hr>수평선으로 단과 단 사이 구분
<hr size=선두께 width=선의 폭 align=left/center/right
noshade>
크기 %형식이나 pixel수로 표현
noshade:선의 입체감을 제거해주는 속성
3)문자의 정렬
*미리 포맷된 문자
<pre>문자열</pre> PREformmatted text의
약자로 태그 안에 있는 문장을 그대로 표현한다.HTML은
공백을 무시하기 때문에 공백을 표현하고 싶을 때 주로 사용한다.
*그대로 출력
<xmp>문자열</xmp> pre 태그와 비슷하지만 xmp는
태그까지도 그대로 출력한다.
*정렬방향
<center>....</center>
<left>....</left>
<right>....</right> 가운데, 왼쪽, 오른쪽을
기준으로 브라우저에 출력한다.
<div align=left/center/right>....</div> 줄 바꿈기능이
없다.
*블록인용
<blockquote>...</blockquote>다른 글을 인용할 때 주로 사용하는데
적당한 왼쪽 여백을 주어서 표기
*서명표시
<address>....</address> 주로 문서의 마지막 부분에서 주소나 서명을
표시할 때 사용한다.
예제
|
<html>
<head>
<title>example1</title>
</head>
<body>
<pre>
aaaaa
aaa
a
</pre>
<xmp>
<pre>
example1
example1
</pre>
</xmp>
ok example<p>
ok example<br>
ok example
<div align="left"><hr size=3 width=40%></div>
<address>
internet@internet
</address>
</body>
</html>
|
|
4)목록 만들기
*순차 목록
|
<ol start=번호 type=A/a/I/i/1>글자
<li value=번호 type=A/a/I/i/1>글자
<li ......>
.</ol>
|
start :순차목록이 시작되는 번호 지정
type :숫자 표기 종류 지정
A: 대문자 ,a:
소문자 I:큰로마자, i: 작은 로마자 ,1:표준숫자 지본값
*무순서 목록
|
<ul type=disc/circle/squire>글자
<li type=disc/circle/squire>글자
..........
</ul>
|
type:무순서 목록 앞에 붙는 문자 모양을 지정한다. 만일 지정하지 않으면 기본값(disc)이 사용된다.
ul:(unordered list):번호를 붙여서 목록을 출력하는 것이 아니다. 나머지는 ol과 같다.
<dir> 디렉토리 목록을 만드는 태그
<menu>메뉴 목록을 정의하는 태그
예제
|
<html>
<head>
<title>example2</title>
</head>
<body>
<ol start=5 type=I>
<LI>인터넷 정보검색사
<LI>인터넷 일반개요 및 상식
<LI>사용자 환경구축
</ol>
<ul type=squire>
<li>HTML의 구성
<ul>
<li type=circle>HTML문서는 <HTML>......</HTML>로
구성된다.
<li type=disc>HTML 문서는 Header 와 Body로 구성된다.
<li type=squire>파일의 확장자는 html,htm이다.
</ul>
</ul>
</body>
</html>
|
|
5)정의(Definition)목록
용어의 정의 목록을 표현한다.
|
<dl>글자
<dt>글자
<dt>글자
........
</dl>
|
dl(definition list) 용어의 목록을 지정
dt:정의할 항목
dd:항목에 대한 설명을 의미
예제
|
<html>
<head>
<title>example3</title>
</head>
<body>
<dl>
<dt>컴퓨터
<dd>마우스,모니터,키보드,본체
<dt>컴퓨터의 내부
<dd>HDD,FDD,BOARD,RAM,CPU,CDROM
</dl>
</body>
</html>
|
|
6)특수문자 만들기
특수문자를 표현하는 방법은 2가지가 있는데,하나는 <pre>태그를 이용하는 방법이고,
다른 하나는 &코드를 이용하는 방법이 있다.
|
특수문자코드
|
실제모양
|
특수문자코드
|
실제모양
|
|
>
|
>
|
&auot;
|
"
|
|
<
|
<
|
©
|
원문자c
|
|
&
|
&
|
|
space
|
|
