.


:




:

































 

 

 

 





<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 , , . :

< - &lt; > - &gt; & - &amp; " - &quote.

, <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">&nbsp;<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>&nbsp;

<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>:&nbsp; &nbsp;

<INPUT type="radio" name="pol1" value="Male"> &nbsp;

<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- .

 
2

JAVASCRIPT

JavaScript Netscape Communication Web- . JavaScript Web- -
Java- . JavaScript Java, . JavaScript HTML, XML
Java.





:


: 2016-04-03; !; : 850 |


:

:

, .
==> ...

1632 - | 1449 -


© 2015-2024 lektsii.org - -

: 0.418 .