<center>, <font>, <s>, <u> . CSS.
<CENTER> . : <CENTER><H1>.
</H1></CENTER>. :
<B> </B>, <I> </I>, <TT > </TT>,
<S> </S>,
<U> </U>, <BIG> </BIG>,
<SMALL> </SMALL>, <SUB> </SUB>,
<SUP> </SUP>.
<!-- # 4: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY>
<CENTER> <H1> </H1> </CENTER><HR>
<B> </B>
<I></I>. <P>
<SUP></SUP> <SUB></SUB> : <BR>
<U> - </U><BR> <! -->
<S>- </S><BR> <! -->
</BODY></HTML>
HTML :
<DFN> . ;
<EM> . ;
<CITE> - . ;
<CODE> . ;
<KBD> , . ;
<SAMP> . ;
<STRONG> . ;
<VAR> . ;
<BLOCKQUOTE> .
<!-- # 5: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY bgcolor="white" >
<CENTER><H5 > </H5></center> <HR>
<P><BLOCKQUOTE> </blockquote>
<P> <INS> INS </ins>
<P> <DEL> DEL </del>
<P> <Q> Q </q>
<P> <EM> EM </em>
<P> <STRONG> STRONG </strong>
</BODY></HTML>
FONT
<FONT> , .
<FONT SIZE=n> n=1..7, n=3 </FONT>
<FONT SIZE= +3> , 3+3=6 </FONT>
|
|
, , :
<FONT COLOR=RED SIZE=6 FACE="Arial"> </FONT>
<!-- # 6: -->
<HTML><HEAD>
<TITLE> </title></head>
<BODY>
<HR> <H3> </h3>
<P><FONT size=7> 7</font>
<P><FONT size=1> 1</font> <HR>
<H3> </h3>
<P><FONT size=+4> +4</font>
<FONT color="green"> </font>
<P><FONT size=+1 face="Courier" color="red"> Courier </font>
</BODY></HTML>
TEXT <BODY>: <BODY TEXT=>...</BODY> BGCOLOR= .
<<!- # 7: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY bgcolor="white" TEXT="blue">
<CENTER>
<FONT size=6 color="red"> </font>
<HR color="red">
<TABLE border=3 >
<TR><TD> - aqua<TD bgcolor="aqua" width=200>
<TR><TD> - white<TD bgcolor="white" width=200>
<TR><TD> - yellow<TD bgcolor="yellow" width=200>
<TR><TD> - blue<TD bgcolor="blue" width=200>
<TR><TD> - navy<TD bgcolor="navy" width=200>
<TR><TD> - violet<TD bgcolor="violet" width=200>
<TR><TD> - fuchsia<TD bgcolor="fuchsia" width=200>
<TR>
<TD> - black<TD bgcolor="black" width=200>
</table> </center> <HR color="red">
<HR color="lime" size=15 width=195 align="left">
</BODY></HTML>
, , . . <, >, & HTML , , . :
< - < > - > & - & " - "e.
, <UL>,
, OL:
<!-- # 8: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY>
<CENTER><H3> </H3></CENTER>
<h4> : :</h4>
<UL>
<LH><B> :</B></LH>
|
|
<LI>
<LI>
<LI>
<LI>
</UL> <HR>
<H4> () .</H4>
<OL TYPE=1>
<LH><B> </B></LH>
<LI>
<LI>
<LI>
</OL> <HR>
<OL TYPE=A>
<LH><B> </B></LH>
<LI>
<LI>
<LI>
</OL> <HR>
</BODY></HTML>
: type="disk | circle | square". start - , . TYPE: TYPE=1 1,2,3,4...; TYPE=A A, B, C, D...; TYPE=a a,b,c,d...; TYPE=I I, II, III, IV...; TYPE=i i,ii,iii,iv,v....
DL : <DT> <DD>.
<!-- #9: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY> <CENTER><H2> </H2></CENTER><HR>
<DL>
<LH><Big><B> C </B></Big></LH><HR>
<DT><B>"Anchor"</B>
<DD><I>, </I>
<DT><B>"Lamer"</B>
<DD><I> -</I>
<DT><B>"Cookies "</B>
<DD><I>, </I> </DL>
</BODY></HTML>
HTML: <TABLE> </TABLE> . , , BORDER (: <TABLE BORDER=1>). <CAPTION> </CAPTION> . <TH> </TH> . <TR> </TR> . <TD> </TD> .
<!-- # 10: -->
<HTML><HEAD>
<TITLE> </TITLE>
</HEAD><BODY>
<TABLE BORDER>
<CAPTION ALIGN=top> </CAPTION>
<TR>
<TH></TH>
<TH></TH>
<TH></TH>
</TR>
<TR>
<TD>Small </TD>
<TD> </TD>
<TD>5</TD>
</TR>
<TR>
<TD>Superman</TD>
<TD> Dinamo</TD>
<TD>10</TD>
</TR>
</TABLE></BODY></HTML>
, : <TD ROWSPAN=2> </TD>. <TH COLSPAN=2> <TD COLSPAN=2>. BGCOLOR, :
<!-- # 11: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY bgcolor="white">
<CENTER><FONT size=6> </font></center>
<HR color="blue">
<TABLE border=4 cellspacing=3>
<CAPTION><B> <B> </caption>
<TR><TH bgcolor="yellow"> 1
<TH bgcolor="yellow"> 2
<TR><TD> 1
<TD> 2
<TR><TD> 3
|
|
<TD> 4
</TABLE>
<HR color="blue">
<TABLE border="4" cellspacing=3 background="fon01.gif">
<CAPTION>
</caption>
<TR><TH rowspan="2"> <TH colspan="2"> 1
<TR><TH> 1.1<TH> 1.2
<TR><TH> 2<TD> 1<TD> 2
<TR><TH> 3<TD> 3<TD> 4
</TABLE>
<HR color="blue">
<H2> THEAD, TBODY TFOOT</h2>
<TABLE border=2>
<THEAD>
<TR> <TD> 1<TD> 2
<TFOOT>
<TR> <TD> <TD>
<TBODY>
<TR> <TD> 1 <TD> 1.2
<TR> <TD> 2 <TD> 2.2
<TBODY>
<TR> <TD> 3 <TD> 3.2
<TR> <TD> 4 <TD> 4.2
<TR> <TD> 5 <TD> 5.2
</TABLE>
<HR color="blue">
<H2> </h2>
<TABLE border=4 cellspacing=0 width=70%>
<TR><TD bgcolor="yellow"><B> 1</b>
<TD bgcolor="yellow"><B> 2</b>
<TR><TD rowspan=3 bgcolor="lime"> 1
<TD> 2
<TR><TD> 3
<TR><TD> 4
<TR><TD colspan=2 bgcolor="aqua" align="center"> 5
</TABLE>
<HR color="blue">
<H2> </h2>
<TABLE border=4 cellspacing=2 width=75%>
<TR><TD bgcolor="yellow"> 1
<TD bgcolor="yellow">
<TABLE border=2 cellspacing=2>
<TR><TD bgcolor="red"> 2
<TD bgcolor="red"> 2-2
<TR><TD bgcolor="red"> 3-2
<TD bgcolor="red"> 4-2
</TABLE>
<TR><TD bgcolor="yellow"> 3-1
<TD bgcolor="yellow"> 4-1
</TABLE></BODY></HTML>
HTML <A> <LINK>. , , . , <A, HREF= "filename">, , </A>. Minsk MinskAnapa.html, :
<A HREF="MinskAnapa.html">Minsk</A>.
, , , . :
<A HREF="MinskAnapa/MinskMoscow.html">Minsk</A>
URL, : protocol: //hostport/path. :
<A HREF="http://www.w3.org/TR/REC-html40"> HTML</A>
<!-- # 12: html--->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY>
<H1> </H1></CENTER>
<FONT SIZE=+1>
<HR NOSHADE>
<H2> :</H2>
<UL>
<LI> <A HREF="Pr11.htm"> </A>
<LI> <A HREF="Pr12.htm"> </A>
|
|
<LI> <A HREF="Pr13.htm"> </A>
<LI> <A HREF="Pr14.htm"> </A>
</UL>
<HR NOSHADE>
,
<A HREF="mailto:[email protected]">[email protected]</A>
</FONT></BODY></HTML>
Web-
,
, (anchors).
: <A href="# "> </A>.
, : <A name=" "> </A>.
<!-- # 13: -->
<HTML> <HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<!-- -->
<UL><LH></LH>
<LI><A href="#section1"></A>
<LI><A href="#section2"></A>
<LI><A href="#section3"> </A></UL><P>
<HR>
... ...
<HR>
<H2><A name="section1"></A></H2><HR>
...section 1...
<HR> <!-- -->
<H2><A name="section2"></A></H2><HR>
...section 2...
<HR>
<H3><A name="section3"> </A></H3><HR>
...section 3...
<HR>
<A HREF="mailto:[email protected]">
<ADDRESS> - e-mail:[email protected]</ADDRESS></A> <P></BODY> </HTML>
, :
<!-- # 14: -->
<HTML><HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<H1>Table of Contents</H1><P>
<A href="#section1">Introduction</A><BR>
<A href="#section2">Some background</A><BR>
<A href="#section3">The first part</A><BR>
...the rest of the table of contents...
<H2 id="section1">Introduction</H2> <HR>
...section 1...<HR>
<H2 id="section2">Some background</H2><HR>
...section 2...<HR>
<H3 id="section3">The first part</H3><HR>
...section 3...<HR>
... ...
</BODY></HTML>
A, HTML- <BODY>, LINK, <HEAD>.
LINK <BODY>, VLINK, ALINK. :
<BODY TEXT=LIME LINK=RED VLINK=SILVER ALINK=BLUE>
, HTML- :
<A HREF=sample.htm> <IMG SRC=image.gif> </A>
Web- . .
? <IMG>, <BODY> </BODY>. , FRACT.GIF : <IMG SCR=FRACT.GIF>.
:
<IMG SRC=../FRACT.GIF>
:
<IMG SRC=FILE:///D:\FRACT.GIF>
, , . :
<IMG SRC=FRACT.GIF ALT="">
HTML alt img.
, . ALIGN , , , :
ALIGN=LEFT| RIGHT |TOP |TEXTTOP| MIDDLE |ABSMIDDLE| BOTTOM| BASELINE
:
< IMG SRC=fract.gif ALT="" ALIGN=LEFT>
|
|
HEIGTH WIDTH. , . :
<IMG SRC=tigers.gif ALT= "" ALIGN = LEFT WIDTH=240 HEIGHT=260>
BGCOLOR <BODY>. :
<BODY BGCOLOR=RED>
BACKGROUND. :
<BODY BACKGROUND="bg.jpg">
, . , .
GIF 256 , , , . GIF .
LOWSRC , :
<IMG SRC="highcar.gif" LOWSRC="lowcar.gif">
lowcar.gif, highcar.gif.
GIF .
, , . , , . , , Adobe Photoshop.
, , , flash- <OBJECT> <EMBED>.
, :
<object data="fract.jpg" type="image/jpeg"> </object>
data , type image , jpeg . , <OBJECT></OBJECT>, , -.
, :
<object data="film.mpeg" type="application/mpeg"> </object>
<EMBED>
, <OBJECT>, .
:
<embed src="music.mid" width="40" height="30"
autostart="false" loop="true"
play_loop="5" hidden="false">
</embed>
: src ( ), align (), width (), height (), hspace ( ), vspace ( ), hidden=true (false) , type= image/jpeg , pluginspage=http:// (plugin , - . , flash-, , ).
flash- :
<ENBED src="someMovie.swf" quality=high bgcolor=#FFFFFF WIDTH=500 HEIGHT=400 swLiveConnect=true NAME=yourMovie TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/Shockwave/download/
index.cgi?Pl_Prod_Version=ShockwaveFlash">
</EMBED>
<OBJECT> (HEIGHT, WIDTH, CLASSIC CODEBASE) <OBJECT>, <PARAM>. :
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-llcf-96B8-444553540000"
WIDTH="100"
HEIGHT="100"CODEBASE="http://active.macromedia.com/flashS/
cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE"VALUE="moviename.swf">
<PARAM NAME="PLAY"VALUE="true">
<PARAM NAME="LOOP"VALUE="true">
<PARAM NAME="QUALITY"VALUE="high">
</OBJECT>
HTML . .
. <FRAMESET> </FRAMESET>. <BODY> . , <NOFRAMES> </NOFRAMES> , .
<FRAME SRC="Name1"> , .. . <FRAME SRC="Name2" NAME="Main">.
<FRAMESET COLS=n> .
<FRAME>, , . :
NAME = .
MARGINWIDTH= ( 1 6) .
MARGINHEIGHT= ( 1 6) .
SCROLLING=YES|NO|AUTO / .
SCROLLING=AUTO .
NORESIZE .
SRC= .
TARGET=Name Name.
<!-- # 15: -->
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<FRAMESET rows="20%,60%,20%">
<FRAME src="fr1.htm" noresize scrolling="no">
<FRAMESET cols="22%,78%">
<FRAME src="fr2.htm">
<FRAME src="fr3.htm" scrolling="yes" marginwidth="10"
marginheight="75">
</frameset>
<FRAME src="fr4.htm">
</frameset>
<NOFRAMES>
<CENTER><FONT size=6></font></center>
<HR color="blue">
</noframes>
</frameset></HTML>
HTML
, . CGI, ASP Servlet/JSP.
<FORM>...</FORM> . <FORM> <INPUT>, .
<INPUT TYPE=TEXT> .
<INPUT> TYPE=TEXT, , . MAXLENGTH . SIZE , . VALUE .
<INPUT TYPE=CHECKBOX> . CHECKBOX /. INPUT TYPE=CHECKBOX NAME= VALUE=. <INPUT TYPE=RADIO> , .
<!-- # 16: checkbox radio-->
<HTML><HEAD>
<TITLE> , checkbox radio </TITLE>
</HEAD><BODY>
<FORM><H2> </H2>
<P>My street:<INPUT NAME="street"><BR>
City: <INPUT NAME="city" SIZE="20" MAXLENGTH="20"
VALUE="Minsk"> <BR>
Zip: <INPUT NAME="zip" SIZE="5" MAXLENGTH="5"
VALUE="99999"><BR>
</FORM> <HR>
<P><H2> </H2>
<FORM> <!-- -->
<INPUT TYPE="checkbox" NAME="team" VALUE="">
<BR>
<INPUT TYPE="checkbox" NAME="team" VALUE=""> <BR> <INPUT TYPE="checkbox" NAME="team" VALUE="">
<BR>
</FORM> <HR>
<P><H2> ?</H2>
<FORM><!-- -->
<INPUT TYPE="radio" NAME="team" VALUE="">
<BR>
<INPUT TYPE="radio" NAME="team" VALUE=""> <BR>
<INPUT TYPE="radio" NAME="team" VALUE=""> <BR>
</FORM><HR>
</BODY></HTML>
SELECT . <OPTION> MULTIPLE, NAME, SIZE.
SELECTED . VALUE , .
<!-- # 17: . SELECT-->
<HTML>
<FORM><SELECT NAME="flower">
<OPTION>chocolate
<OPTION>vanila
<OPTION VALUE="Banana">Banana
<OPTION SELECTED>cherry
</SELECT> </FORM>
</HTML>
<INPUT TYPE=RESET> Reset, .
<INPUT TYPE=SUBMIT> , . NAME submit. VALUE .
<!-- # 18: . SELECT-->
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor=#C0C0C0>
<CENTER><FONT size=6> </font></center><P>
<HR color="blue">
<H2> </h2>
<TABLE border=3 bgcolor="pink">
<FORM action=".." method="post">
<TR>
<TD><LABEL for="imya1">: </label>
<TD><INPUT type="text" id="imya1">
<TR>
<TD><LABEL for="familiya1">: </label>
<TD><INPUT type="text" id="familiya1">
<TR>
<TD><LABEL for="telefon1">: </label>
<TD><INPUT type="text" id="telefon1">
<TR>
<TD>:
<INPUT type="radio" name="pol1" value="Male">
<INPUT type="radio" name="pol1" value="Female">
<TD align="bottom">
<INPUT align="bottom" type="submit" value="">
<INPUT type="reset">
</form>
</table>
<HR color="blue">
<H2> ISINDEX</h2>
<ISINDEX prompt=" ">
<HR color="blue">
<H2> INPUT</h2>
<H3> </h3>
<INPUT type="text" size=50>
<H3> </h3>
<INPUT type="password">
<H3> </h3>
<INPUT type="checkbox" name="F001" checked>
<INPUT type="checkbox" name="F001" checked>
<H3> </h3>
<INPUT type="radio" name="S001" value="">
<INPUT type="radio" name="S001" value="">
<INPUT type="radio" name="S001" value="" checked>
<H3> </h3>
<INPUT type="submit" value="">
<H3> </h3>
<INPUT type="image" src="knopka1.gif">
<H3> </h3>
<INPUT type="reset" value="">
<H3> </h3>
<INPUT type="file" name="photo" accept="image/*">
<HR color="blue">
<H2> SELECT </h2>
<SELECT multiple>
<OPTION value=a>
<OPTION value=b>
<OPTION value=c>
<OPTION value=d>
</select>
<HR color="blue">
<H2> TEXTAREA
<TEXTAREA rows=5 cols=30>
</textarea></h2>
<HR color="blue">
<H2> </h2>
<BUTTON name="submit" value="submit" type="submit">
<IMG src="gif1.gif" alt=""></button>
<HR color="blue">
<H2> </h2>
<FIELDSET>
<LEGEND> </legend>
: <INPUT name="imya2" type="text">
: <INPUT name="familiya2" type="text"><BR>
: <INPUT name="telefon2" type="text"><BR>
</fieldset>
<HR color="blue">
</BODY></HTML>
HTML- <HEAD> </HEAD> :
<META HTTP-EQUIV="" CONTENT="">
<META NAME="" CONTENT="">
HTTP-EQUIV . :
Expires : , , . " 0 " , . :
<META HTTP-EQUIV="expires" CONTENT="Sun, 3 April 2005 05:45:15 GMT">
Pragma . no-cache.
Content-Type . (charset). :
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251>
Content-language . Accept-Language ( ) Content-language .
<META HTTP-EQUIV="Content-language" CONTENT="en-GB">
Refresh , . .
<META HTTP-EQUIV="Refresh" Content="3, URL=http://www.bsu.iba.by/cgi-bin/news.pl">
Window-target ; .
<META HTTP-EQUIV="Window-target" CONTENT="_top">
Ext-cache
<META HTTP-EQUIV="Ext-cache" CONTENT= "name=/some/path/index.db; istructions=User nstructions">
PICS-Label Platform-Independnt Content rating Scheme. (sex), .
NAME.
<META NAME="Robots" CONTENT="NOINDEX,FOLLOW">
: ALL, NONE, INDEX, NOINDEX, FOLLOW, NOFOLLOW.
Description . .
<META NAME="Description" CONTENT= "
META">
Keywords . title .
<META NAME="Keywords" CONTENT=", , ">
Document-state . , .
<META NAME="Document-state" CONTENT="Static">
: Static, Dynamic
URL . : , .
<META NAME="URL" CONTENT="absolute_url">
Author , .
Generator , .
Copyright .
Resource-type . : document, .
(CSS) . HTML- , CSS. META :
<META http-equiv="Content-Style-Type" content="text/css">
HTML style. :
<P style="font-size: 12pt; color: fuchsia">
12 </P>
<H1 style="text-decoration:underline">
</H1>
<H2 style="color: red">
</H2>
"name: value".
, P- , H1- , , STYLE. STYLE HEAD . H1- . , .
<!-- # 19: -->
<HEAD>
<STYLE type="text/css">
H1 {border-width: 1; border: solid; text-align: center}
P { color: blue}
a: hover {color: red; text-decoration: overline}
</STYLE></HEAD>
:
a:hover ;
a:active ;
a:visited ;
a:link .
.
H1- . , HTML-:
<!-- # 20: -->
<HEAD><STYLE type="text/css">
<!
H1.myclass {border-width: 1; border: solid; text-align: center} -->
</STYLE></HEAD>
<BODY>
<H1 class="myclass">H1 is affected by our style</H1>
<H1> This one is not affected by our style </H1>
</BODY>
DIV SPAN, , , . SPAN , .
<!-- # 21: DEV SPAN-->
<HEAD><STYLE type="text/css">
SPAN.sc-ex { font-variant: small-caps }
</STYLE></HEAD><BODY>
<P><SPAN class="sc-ex">The first</SPAN> few words are in small-caps.</P>
<P><SPAN style="font-style:italic"> </SPAN></p>
<P><SPAN style="text-transform-style:uppercase"> </SPAN> </p>
</BODY>
DIV class, .
<!-- # 22: -->
<HEAD><STYLE type="text/css">
DIV.Abstract { text-align: justify }
</STYLE></HEAD><BODY>
<DIV class="Abstract">
<P>The Chieftain product range is our market winner for the coming year. This report sets out how to position Chieftain against competing products.
<P>Chieftain replaces the Commander range, which will
remain on the price list until further notice.
</DIV>
<P style="position:absolute"; top:125px; left:200px > , </p>
<DIV style="position:absolute"; top:125px; left:200px >
<img src="fract.gif"> </DIV>
</BODY>
, , : position:absolute : ; top , left .
, . css . LINK:
ref URL . type . rel stylesheet. :
<LINK href="mystyle.css" rel="stylesheet" type="text/css">
, special.css, , :
P.special {
color: green;
border: solid red;
}
HTML- LINK:
<!-- # 23: HTML--->
<HTML><HEAD>
<LINK href="special.css" rel="stylesheet" type="text/css">
</HEAD><BODY>
<P class="special">paragraph should have green text.
</BODY></HTML>
Java- HTML:
1. <applet> </applet> java-- HTML-.
2. HTML GET POST .
3. , JSP, HTML- .
JAVASCRIPT
JavaScript Netscape Communication Web- . JavaScript Web- -
Java- . JavaScript Java, . JavaScript HTML, XML
Java.