1
HTML , .
ֳ. Web , , .
1. ' .
- HTML , HTML, HEAD, TITLE BODY.
1.1.HTML -
ֳ
, HTML HTML. , '
<HTML>
</HTML>
1.2. HEAD
HTML , . HTML ' HEAD, . HTML :
<HTML> <HEAD> <TITLE> </TITLE> </HEAD>
<BODY> </BODY> </HTML>
'
1.3. TITLE - "" ()
ֳ
' "" .
<TITLE> </TITLE>
<TITLE></TITLE>
1.4. BODY (Ҳ) -
ֳ
HTML . BODY , , , (, ).
<BODY> </BODY>
( HTML 2.0!)
| ' | ||
| BGCOLOR | ||
| LINK | ||
| ALINK | ; ' , ' | |
| BACKGROUND | URL | URL |
, BODY.
<HTML> <HEAD> <TITLE> </TITLE> </HEAD>
<BODY
BGCOLOR=AQUA
TEXT="#848484"
LINK=RED
VLINK=PURPLE
ALINK=GREEN
>
<H1> </H1>
<P>
<A HREF="http://www.demon.com>demon.com </A>.
</P>
</BODY>
</HTML>
. 1.1. .
2. - (headings), (paragraphs), (lists)
, , , , .. HTML . . HTML 3.2 , , . . /1/
|
|
|
2.1. H1, H2, H3, H4, H5, H6 -
ֳ
. H1 ( ) H6 ( ).
<Hn> </Hn>
n 1, 2, 3, 4, 5 6.
.
| ' | ||
| ALIGN | LEFT, CENTER, RIGHT |
- , DIV CENTER.
:
<H1 ALIGN=CENTER> ?</H1>
<H2></H2>
<H3></H3>
:
: P
, : BLOCKQUOTE
- : ADDRESS
, , PRE
2.2. P -
ֳ
.
<P> </P>
| ' | ||
| ALIGN | LEFT, CENTER, RIGHT |
- , DIV CENTER.
2.3. BLOCKQUOTE( ) -
ֳ
( - ) , ( , ).
<BLOCKQUOTE>
</BLOCKQUOTE>
2.4. ADDRESS () -
ֳ
( , ).
<ADDRESS> <ADDRESS>
.
, E-mail ( ) :
<ADDRESS>
<P>
</P>
</ADDRESS>
2.5. PRE ,
ֳ
. , , Web, . , ' .
<PRE>
,
</PRE>
| ' | |||
| WIDTH | ֳ |
WIDTH , . WIDTH , . /1/
: ASCII
<BLOCKQUOTE>
!!!
</BLOCKQUOTE>
|
|
|
<PRE>
! " # $ % & ' () * +, -. /
0 1 2 3 4 5 6 7 8 9:; < = >?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~
</PRE>
<ADDRESS>
<P>
</P>
</ADDRESS>
. 1.2.³ .
. . /3/
: UL, LI
, : MENU, LI
: DIR, LI
: OL, LI
( ): DL, DT, DD
3.1. LI
ֳ
.
<LI> </LI>
ʳ </LI> , .
. ADDRESS .
:
<LI></LI
3.2. UL - ()
ֳ
.
<UL>
<LI> 1
<LI> 2
...</UL>
| ' | ||
| TYPE | DISC, SQUARE, CIRCLE | |
| COMPACT | COMPACT |
.
:
<UL>
<LI> <LI> <LI>
</UL>
3.3. MENU () -
ֳ
.
<MENU>
<LI> 1
<LI> 2
...
</MENU>
| ' | ||
| COMPACT | COMPACT |
<MENU>
<LI>
<LI>
<LI>
<LI>
<LI> '
<LI> س
</MENU>
1.3.
3.4. DIR -
ֳ
, .
<DIR>
<LI> 1
<LI> 2
...
</DIR>
| ' | ||
| COMPACT | COMPACT |
:
<DIR>
<LI>A
<LI>B
<LI>C
<LI>D
<LI>E
<LI>F
<LI>G
<LI>H
<LI>I
<LI>J
<LI>K
<LI>L
<LI>M
<LI>N
<LI>O
<LI>P
<LI>Q
<LI>R
<LI>S
<LI>T
<LI>U
<LI>V
<LI>W
<LI>X
<LI>Y
<LI>Z
</DIR>
1.4.
3.5. OL - ()
ֳ
() .
<OL>
<LI> 1
<LI> 2
...
</OL>
| ' | ||
| TYPE | 1, a, A, i, I | |
| START | ||
| COMPACT | COMPACT |
TYPE :
| Type | ||
| () | 1, 2, 3,... | |
| a | a, b, c,... | |
| A | A, B, C,... | |
| i | i, ii, iii,... | |
| I | I, II, III,... |
, :
|
|
|
<P>
</P>
<OL TYPE=I>
<LI> <I>-ae</I>, eg <I>terra:terrae</I>
<LI> <I>-i</I>, eg <I>annus:anni</I>
<LI> <I>-is</I>, eg <I>labor:laboris</I>
<LI> <I>-us</I>, eg <I>fructus:fructus</I>
<LI> <I>-ei</I>, eg <I>dies:diei</I>. </OL>
.1.5. .
3.6. DL -
ֳ
, , ' .
<DL>
<DT> 1<DD> 1
<DT> 2<DD> 2
...
</DL>
DT DD .
DL DD. DT DD. . DD.
:
<DL>
<DT>,
<DD> <I> </I>.
<DT>
<DD> <I> , </I>.
</DL>
1.6.
.
HTML , Word. HTML , (headers - , , ). , . : TABLE, CAPTION, TR, TH, TD. /3/
4.1. TABLE-
ֳ
, , .
<TABLE>
(TR)
</TABLE>
| ' | ||
| ALIGN | LEFT, CENTER, RIGHT | |
| WIDTH | | |
| BORDER | ֳ | |
| CELLSPACING | ֳ | |
| CELLPADDING | ֳ | ("") |
:
<TABLE ALIGN=CENTER WIDTH="80%" BORDER=1 CELLSPACING=10 CELLPADDING=3>
<CAPTION> </CAPTION>
<TR>
<TD></TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD>˳ </TD>
</TR>
</TABLE>
. 1.7.
4.2. CAPTION () -
ֳ
.
<CAPTION></CAPTION>
| ' | ||
| ALIGN | TOP, BOTTOM | ( ) |
4.3. TR -
ֳ
.
<TR> (TH) (TD)</TR>
, </TR> , , ( Netscape) .
| ' | ||
| ALIGN | LEFT, CENTER, RIGHT |
|
|
|
<TR><TD>3.70 <TD>4.69 <TD>8.02 </TR>
4.4. HR - ( )
ֳ
.
( - ). HR P, .
. /1/
<HR>
( HTML 2.0!)
| ' | ||
| ALIGN | LEFT, RIGHT, CENTER | |
| NOSHADE | NOSHADE | ( ) |
| SIZE | ||
| WIDTH |
<P>
</P>
<HR>
<P>
</P>
5. - .
: . , , , . Գ ' , , .
5.1. B -
ֳ
() .
<B></B>
5.2. STRONG -
ֳ
.
<STRONG></STRONG>
5.3. I -
ֳ
.
<I></I>
5.4. EM -
ֳ
ϳ ().
<EM></EM>
5.5. FONT () -
ֳ
( ), , .
<FONT SIZE=n></FONT>
<FONT COLOR= ></FONT>
| ' | ||
| SIZE | ; 1 - 7 , , "+1" "-2" | |
| COLOR | FONT |
- :
<FONT SIZE=-1> </FONT>.
<P>
- : , , :
<B><U><FONT SIZE=7 COLOR=RED> </FONT></U></B>
5.6. BASEFONT ( ) -
ֳ
( ).
<BASEFONT SIZE=n>
| ' | ||
| SIZE | (1 - 7) |
<P> </P>
<BASEFONT SIZE=5>
<P> - 5 <FONT SIZE=1></FONT>
- 5</P>
5.7. BIG () -
ֳ
.
<BIG></BIG>
<BIG></BIG>
<FONT SIZE=-1> </FONT>
<B><U><FONT SIZE=8 COLOR=BLUE> </FONT></U></B>
<I></I>
<STRONG>ϳ<STRONG>
<BIG> </BIG>
.1.8. г .
6. '
' '.
' ( ') , HT HTML (HyperText Markup Language - ).
' A- (anchor - ), A.
ֳ
(hyperlinks) "" (anchors) , , ' (, HTML), , ', ' ( ). /3/
<A HREF=""> </A>
<A NAME="'"></A>
| ' | ||
| NAME | "" | |
| HREF | URL | ' |
| REL | ' | |
| REV | ' | |
| TITLE | ' |
:
|
|
|
<P>
<A HREF="Demon.html">demon.</A>.
. 1.9.
<HTML>
<HEAD> <TITLE> 1 </TITLE> </HEAD>
<BODY
BGCOLOR=yellow
TEXT="#848400"
LINK=RED
VLINK=PURPLE
ALINK=GREEN >
<H1 ALIGN=CENTER> <FONT SIZE=10> HTML </FONT></H1>
<BLOCKQUOTE>
<BIG>
</BLOCKQUOTE> <STRONG>
<MENU>
<LI> '
<LI>
<LI>
<LI>
</MENU>
<TABLE ALIGN=CENTER WIDTH="60%" BORDER=3 CELLSPACING=10 CELLPADDING=4>
<CAPTION><FONT SIZE=5 color=blue> , </FONT></CAPTION>
<TR>
<TD><BIG><A HREF="Yahoo.com">Yahoo</A></TD>
<TD><BIG><A HREF="Rambler.ru">Rambler</A> </TD>
<TD><BIG><A HREF="Apex.dp.ua">Apex</A> </TD>
<TD><BIG><A HREF="Yandex.ru">Yandex</A></TD>
</TR>
</TABLE>
<ADDRESS>
<P>
: @rambler.ru
</P>
</ADDRESS>
</BODY> </HTML>
.1.10.
