HTML CSS Javascript

HTML
HTML, web , ( . . Internet Explorer Notepad .html ( .htm). web : <HTML> <HEAD> <TITLE> My first page </TITLE> </HEAD> <BODY> </BODY> </HTML> Windows98 Windows NOTEPAD ( Word) Netscape Navigator. , . , HTML . Notepad . HyperText Markup Language , . HTML , , , ). HTML web ?
.html . Save As . , , . < 2 . , HTML </HTML> </HTML>. <HTML> HTML . <HEAD> </HEAD>, <TITLE> </TITLE> HTML <BODY> , . </BODY> . , . >
File Notepad, index.html , . . (tag). . . . / , <HTML> HTML . HTML <TITLE>. HTML . . . ,
<HTML>
<HTML>
<HEAD> </HTML> </HEAD>
<HEAD> </HEAD> </HTML>
</HEAD> </HTML>. . . 1. WEB ( .htm), notepad. 2. HTML < > . 3. , ( 4. <HTML></HTML> . ). HTML , <HEAD></HEAD> <BODY></BODY> , , , .html Windows ,
web , #000000, #FFFFFF, #COBB56. . , . . : FF . . 00, FF . 256 , , 00 "#". FF, , 00 ,
00 FF 00 00 FF FF FF 00
00 FF 00 FF 00 FF 00 FF
00 FF FF 00 00 00 FF FF #0000FF , #FFFF00 . .
web <BODY> BGCOLOR= notepad . :
<HTML> <HEAD> <TITLE> blue background </TITLE> </HEAD> <BODY BGCOLOR="#0000FF"> </BODY> </HTML> color.html ( ". FF. . <BODY>. <HTML> <HEAD> <TITLE> blue background </TITLE> </HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FFFF00"> </BODY> </HTML> TEXT= , . : #003366 #99FF66 #FF0066 #CC9900 #B632FC #CCFFCC #663300 #003300 #666666 #B31115 : 1. , , , . , . 2. BGCOLOR= . <BODY>. , TEXT= HTML #FF66FF #CCCCCC #66FFFF #FFFFCC #68E6CC #FFFF66 #0066CC #999966 #98E9B8 #E6EDDE ">" . <BODY>
). " BGCOLOR= 00
HTML , . : <HTML> <HEAD> <TITLE>Text</TITLE> <HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FF0000"> web </BODY> </HTML> text.html : ,
web
, TEXT="#FF0000" TEXT ). #00FF00 . <BODY>. ,
<BODY>
</BODY> (
, </I> , (Italic) <U> <B> </U> , </B>
, (Bold), <I> (Underline). .
<HTML> <HEAD> <TITLE>Text</TITLE> <HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FF0000"> <B><I><U> web </BODY> </HTML>
</U></I></B>
web
. ," <I> ," " .
"
web" :
web</I><I><B> </U></B>
</B></I><B><U>
. , <I> <I><B> <B><U> ..... , <BR> . . <HTML> <HEAD> <TITLE> Font </TITLE> </HEAD> <BODY> <FONT COLOR="#FF0000"> <FONT COLOR="#00FF00"> <FONT COLOR="#0000FF"> </BODY> </HTML> : . . . TEXT <BODY> . , COLOR. <FONT> </FONT>. COLOR , <BR> . <FONT> . SIZE. , 1 7 . 4, <HTML> <HEAD> <TITLE> Font </TITLE> </HEAD> <BODY> <FONT COLOR="#FF0000" SIZE=4> <FONT COLOR="#00FF00" SIZE=1> .</FONT><BR> <FONT COLOR="#0000FF" SIZE=7> .</FONT><BR> </BODY> </HTML> : web</I> </B></I> </U></B> . . . :
.</FONT><BR> .</FONT><BR> .</FONT><BR>
<FONT> . 1 , 1 7. 7.
.</FONT><BR>
. . .
. <HTML> <HEAD> <TITLE> Font </TITLE> </HEAD> <BODY> </FONT> <FONT COLOR="#FF0000" SIZE=2> <FONT COLOR="#00FF00" SIZE=3> </FONT> <FONT COLOR="#0000FF" SIZE=7> </FONT> <FONT COLOR="#00FFFF" SIZE=6> </FONT> <FONT COLOR="#FF00FF" SIZE=5> </FONT> <FONT COLOR="#AA0066" SIZE=4> </FONT> <FONT COLOR="#0033CC" SIZE=3> </FONT> <FONT COLOR="#2200FF" SIZE=2> </FONT> <FONT COLOR="#FF7700" SIZE=1> </FONT> <FONT COLOR="#555555" SIZE=2> </FONT> <FONT COLOR="#DD1188" SIZE=3> .</FONT> </BODY> </HTML>
.
, <BR> <FONT> e FACE. , : <FONT FACE="Arial" > <FONT FACE="Times New Roman" > Roman.</FONT> Arial.</FONT> Times New . FACE . FACE . ,
"Arial" , "Times New Roman". , , , . Windows. FACE, . <H1> <H6>. .<H1> -
, : <HTML> <HEAD> <TITLE>H <HEAD> <BODY>
<H6>
</TITLE>
<CENTER> <H1> <H3> <H6> </CENTER> </BODY> </HTML>
e</H1> </H3> </H6>
, . <BR> </H>. <CENTER> , <P> <P>
<H> . - <CENTER>. </CENTER> . <P>. , . ,
<BR> , <BR>.
<P></P>. <P> <P>
</P> . <BR> <P></P>. left, right , : . center
<P> <P> ALIGN.
<HTML> <HEAD> <TITLE> P </TITLE> <HEAD> <BODY> <P ALIGN="left"> , , <P ALIGN="center"> <P ALIGN="right"> , </BODY> </HTML>
</P> </P> </P>
: , ,
, , <P>. : 1. , HTML . . 2. <H> <P>. , , , , , ,
HTML , : 1. 2. 3.
, : y y y . :
<OL> </OL>. . <HTML> <HEAD> <TITLE> ordered list</TITLE> </HEAD> <BODY> : <OL> <LI> <LI> <LI> </OL> : <LI>,
</BODY> <HTML> : : 1. 2. 3. , . , <OL>. TYPE TYPE . : 1. 2. 3. , TYPE
TYPE=1
1. 2. 3. a. b. c. A. B. C. i. ii. iii. I. II. III.
TYPE=a
TYPE=A
TYPE=i
TYPE=I
1. 2. 3.
I. II. III. <OL> TYPE=I . <OL TYPE=I>. 1. 2. 3. <UL></UL>. , TYPE,
. :
<HTML> <HEAD> <TITLE> unordered list</TITLE> </HEAD> <BODY> : <UL> <LI> <LI> <LI> </UL> </BODY> <HTML> : : y y y
TYPE. ,
disk, square
circle. TYPE :
<UL TYPE=disk>
y y y
<UL TYPE=square>

<UL TYPE=circle>
o o o
<DL></DL>. <DT>, <DD>. : <HTML> <HEAD> <TITLE>definition list</TITLE> <HEAD> <BODY> <DL> <DT> <DD> <DT> <DD> <DT> <DD> </DL> </BODY> </HTML>
, . , 1. o o 2. o o o HTML <HTML> <HEAD> <TITLE> </HEAD> <BODY> <OL> : <LI> <UL TYPE=circle> <LI> <LI> </UL> : <LI> <UL TYPE=circle> <LI> <LI> <LI> </UL> </OL> </BODY> </HTML> : : : :
</TITLE>
. 9 9
, .
. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <UL imagesrc="redpoint.gif"> <LI> </LI> <LI> </LI> <LI> </LI> </UL> </BODY> </HTML>
imagesrc , redpoint.gif HTML imagesrc="images/redpoint.gif"> ,
<UL> . , . , : <UL images. , :) ,
: 1. . 2. A 3. , , . 4. . , Z. , , ,
HTML <HR>. . <HR>. 100 <BODY> <HEAD> <TITLE> <HEAD> <BODY> <HR WIDTH=100> <HR WIDTH=100%> </BODY> </HTML> , . 100% 2 , :
, WIDTH
</TITLE>
, , . ALIGN, , center
100 left, center ,
. right, .
ALIGN. : <BODY> <HEAD> <TITLE> </TITLE> <HEAD> <BODY> <HR WIDTH=300 ALIGN="left"> <HR WIDTH=300 ALIGN="right"> </BODY> </HTML>
300
SIZE. SIZE 5 80%, <BODY> <HEAD> <TITLE> <HEAD> <BODY> <HR WIDTH=80% SIZE=5> </BODY> </HTML> . : . SIZE=5 ,
</TITLE>
NOSHADE . <BODY> <HEAD> <TITLE> <HEAD> <BODY> <HR WIDTH=80% SIZE=5> </BODY> </HTML>
</TITLE>
Netscape 8 <BODY> <HEAD> 90% :
COLOR, .
<TITLE> </TITLE> <HEAD> <BODY> <HR WIDTH=90% SIZE=8 COLOR="#0000FF"> </BODY> </HTML>
HTML , . web <A> , HREF www.search.bg : <A>. , </A>. , ( . , ).
<HTML> <HEAD> <TITLE>hyperlink</TITLE> </HEAD> <BODY> <A HREF="http://www.search.bg">SEARCH.BG</A> </BODY> </HTML> . . http://. , SEARCH.BG. SEARCH.BG , . search.bg. . , , . . VLINK. LINK ( VLINK (visited link) : <HTML> <HEAD> <TITLE>hyperlink</TITLE> </HEAD> <BODY LINK="#00FF00" ALINK="#00FFFF" VLINK="#FF0000"> , . <BODY> LINK, ALINK , ALINK (active link) ), , , , . search.bg , . , <A HREF= searc h.bg, URL. , : ,
<A HREF="http://forum.search.bg"><B>FORUM</B></A> </BODY> </HTML>
. . . <A>. TARGET . : , TARGET ,
, . "_blank". SEARCH.BG,
, TARGET
<HTML> <HEAD> <TITLE>hyperlink</TITLE> </HEAD> <BODY> <A HREF="http://www.search.bg" TARGET="_blank">SEARCH.BG</A> </BODY> </HTML> SEARCH.BG SEARCH.BG TARGET " , . , ( , " "website". <HTML> <HEAD> <TITLE> </HEAD> <BODY> <CENTER> <H1> </CENTER> <HR WIDTH=90% SIZE=6> <BR> <A HREF="forme.html"> <A HREF="contact.html"> </BODY> </HTML> ". : " , ). , 3 ", " " web . ". .
</TITLE>
</H1>
.</A><BR> </A>
index.html. : <HTML> <HEAD>
<TITLE> </TITLE> </HEAD> <BODY> <CENTER> <H1> </H1> </CENTER> <HR WIDTH=90% SIZE=6> <BR> <BR> <A HREF="index.html"> <A HREF="contact.html"> </BODY> </HTML> </A><BR> </A>
forme.html contact.html. <HTML> <HEAD> </TITLE> <TITLE> </HEAD> <BODY> <CENTER> <H1> </H1> </CENTER> <HR WIDTH=90% SIZE=6> <BR> , e-mail . . <BR> <A HREF="index.html"> <A HREF="forme.html"> </ ><BR> <A HREF="mailto:www4u@search.bg"> </BODY> </HTML> . website , . ,
</A><BR> e-mail</A>
. , (forme.html). HTML , main, <A HREF="main/forme.html"> </ >. <A HREF="mailto:www4u@search.bg"> mailto: _ _ e-mail</A>. , , , . Outlook Expres , e-mail ) mailto: <A> webmail </A>. e-mail : hotmail . (Eudora yahoo mailto: ,
<A HREF="mailto:www4u@search.bg"> www4u@search.bg</A>
e-mail . <A> , . , "begin": . HTML
<A NAME="begin">
HTML</A> . "begin".
HREF="#begin"> , :
<A </A> . ,
. HTML , , <A HREF="index.html#begin"> begin</A>
, . # index.html .
<A HREF="http://www.search.bg/index.html#begin"> begin</A> : 1. ( ) , . 2. <A> NAME.
index.html
HREF.
. SRC <HTML> <HEAD> <TITLE> DOLPHIN </TITLE> </HEAD> <BODY> <IMG SRC="dolphin.jpg> </BODY> </HTML> <IMG> :
HTML SRC,
. HTML GIF(.gif) JPEG(.jpg). , 256 . , JPEG. web . 375 Properties . <IMG>. ( ): WIDTH 150 187 <IMG SRC="dolphin.jpg" WIDTH="150" HEIGHT="187"> ( ). HEIGHT 300 . ,
. 2 " ", : <IMG SRC="dolphin.jpg WIDTH="300" HEIGHT="187">
- 187 . <BODY>. : <HTML> <HEAD> <TITLE>background</TITLE> </HEAD> <BODY BACKGROUND="dolphin.jpg"> </BODY> </HTML> web .
300 .
, web
BACKGROUND
( -
). BGPROPERTIES="fixed" BACKGROUND. : <BODY BACKGROUND="dolphin.jpg" BGPROPERTIES="fixed">. , BGPROPERTIES Internet Explorer. Netscape Navigator . ( , </A>. : ). <A>
<HTML> <HEAD> <TITLE>image</TITLE> </HEAD> <BODY> <A HREF="http://www.search.bg"><IMG SRC="banners/fan_small.gif" BORDER="0" ALT="search.bg"></A> <A HREF="http://www.dir.bg"><IMG SRC="banners/dirbg.gif" BORDER="0" ALT="dir.bg"></A> </BODY> </HTML>
html , ( www.search.bg, dirbg.gif. banners, , . BORDER="0". BORDER . BORDER . 10 : , SRC banners/dirbg.gif. , , ) www.dir.bg. fan_small.gif, .
ALT , . , . -
, , .
HTML . , Explorer. midi , www4u.search.bg/music.mid Internet Explorer. Internet Explorer <BGSOUND> <HEAD>. SRC .mid .wav. HTML Netscape Navigator Internet
<BGSOUND> . <HTML> <HEAD> <TITLE>music</TITLE> <BGSOUND SRC="http://www4u.search.bg/music.mid" LOOP="-1"> </HEAD> <BODY> </BODY> </HTML> , , SRC="music.mid" LOOP="-1">. . , , Netscape Navigator LOOP LOOP="-1" . LOOP="2". <BGSOUND>. <BGSOUND
<EMBED>,
Netscape Navigator <BODY>. <EMBED> . :
<EMBED> .avi , . 5-6
. ,
, <EMBED> :
.avi midi
<HTML> <HEAD> <TITLE>embed</TITLE> </HEAD> <BODY> <EMBED SRC="music.mid" WIDTH="128" HEIGHT="128" LOOP="true"> </BODY> </HTML> , WIDTH SRC . HEIGHT . WIDTH . false. , , . . HIDDEN. false , <EMBED> Navigator, Internet Explorer Explorer , 2 - true . false. true. Internet Explorer LOOP . Netscape Navigator VOLUME. <EMBED>, . PLAYCOUNT VOLUME. Internet , <BGSOUND>. : Netscape true LOOP true, false LOOP, , LOOP="3" HEIGHT. , - true .
<HTML> <HEAD> <TITLE>music</TITLE> <BGSOUND SRC="http://www4u.search.bg/music.mid" LOOP="-1"> </HEAD> <BODY> <EMBED SRC="http://www4u.search.bg/music.mid" HIDDEN="true" LOOP="true"> </BODY> </HTML>
www.dir.bg
www.search.bg
www.gyuvetch.bg
..
www.dir.bg www.search.bg www.gyuvetch.bg . 3 , </TABLE> <TR> TABLE ROW <TD> </TD> (TABLE DATA <TD> . . , : </TR> ). ), . , , <TR>. <TR></TR>, </TR> 2 3 <TD> 1 . URL. ( . <TABLE>
<table align="center" border="1" width="90%"> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td ></td> <td></td> </tr> </table>
border="1" width="90%". , align, "right" ( , 3 ). border width . , "left" ( . %, 50 80 % : . 2 200 . . , 5
<TABLE>,
), "center" ( , width="50%" , width="50"
, ,
<table align="right" border="2" width="80%">
<table align="left" border="5" width="200">

, , . 1 : <table align="center" border="3" width="50%" bordercolor="#0000FF"> <tr> <td> <p align="center"> . </td> </tr> </table> 3 50 % ,
.
bordercolor , , , , <TD> </TD> ! . . ,
. ,
. ,
<table align="center" border="0" width="90%"> <tr> <td width="33%"> <p align="center"><a href="http://www.dir.bg">www.dir.bg</a> </td> <td width="33%"> <p align="center"><a href="http://www.search.bg">www.search.bg</a> </td> <td width="34%"> <p align="center"><a href="http://www.gyuvetch.bg">www.gyuvetch.bg</a> </td> </tr> </table>
www.dir.bg
www.search.bg
www.gyuvetch.bg
(border="0"). ,
<td . , width="33%" .
:
width="33%">. <TD . ,
,
<table align="center" border="1" width="50%"> <tr> <td width="50%" align="center" bgcolor="#00FF00"><font color="#0000FF"> </font></td> <td width="50%" align="center" bgcolor="#FF0000"><font color="#FFFF00"> </font></td> </tr> </table>
align="center"
color
<TD> , . bgcolor .
. <font bgcolor . . <TABLE>
<table align="center" border="0" width="200"> <tr> <td valign="middle" align="center"><img border="0" src="back.jpg" width="80" height="40"></td> <td valign="middle" align="center"><img border="0" src="forward.jpg" width="80" height="40"></td> </tr> </table>
2 . , , valign middle (
80 40 ).
<img border="0" src="forward.jpg" width="80" height="40">. border="0" <img, , . src=" " , width="80" height="40" .
, <img.. <a href="http:// ... . .">

2 . , cellpadding . cellspacing.
</a>
, :
<table align="center" border="1" cellpadding="10" cellspacing="10" width="250"> <tr> <td valign="middle" align="center"><img border="0" src="back.jpg" width="80" height="40"></td> <td valign="middle" align="center"><img border="0" src="forward.jpg" width="80" height="40"></td> </tr> </table>
cellpadding="10" 10 , cellspacing="10" 10 .
!
"1", cellpadding="0" cellspacing="0".
. cellpadding "0",
cellspacing,
colspan=.. rowspan=.. :
<table align="center" .border="1" cellspacing="0" cellpadding="0" width="250"> <tr> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> </tr> </table>
<table align="center" border="1" cellpadding="0" cellspacing="0" width="250"> <tr> <td rowspan="2"></td>
<td></td> </tr> <tr> <td></td> </tr> </table>
, :
? colspan="2" , rowspan="2" ,
2 . . -
<table align="center" border="1" cellpadding="0" cellspacing="0" width="350"> <tr> <td rowspan="3"></td> <td colspan="3"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td>;</td> <td></td> </tr> </table>
width height . bordercolordark. , 200 7 , . . bordercolorlight , 20% , :
<table align="center" border="7" cellpadding="0" cellspacing="0" width="200" height="20%" bordercolorlight="#00FFFF" bordercolordark="#000080" bgcolor="#FF0000"> <tr> <td ></td> </tr> </table>
! Netscape Navigator bordercolordark , Heading <TD> ).
bordercolorlight . <TH> (Table . :
1. 2. ( 3. , . 4. , 5. , 6. . ) <TR>
<TABLE>
</TABLE>.
</TR> (table row). <TD></TD> ,
. . , ,
WEB . . <FORM></FORM>. . <INPUT>. NAME TYPE. TYPE . TYPE. NAME . HTML ,
<HTML> <HEAD> <TITLE>forms</TITLE>

</HEAD> <BODY> <FORM> <INPUT NAME="form1" TYPE="text"> </FORM> </BODY> </HTML>
HTML :
TYPE="text". SIZE , . VALUE. 50 50 <HTML> <HEAD> <TITLE>forms</TITLE>

</HEAD> <BODY> <FORM> <INPUT NAME="form2" TYPE="text" SIZE="40" VALUE=" 40 "> </FORM> </BODY> </HTML>
SIZE. 20
" ".
. . . , . MAXLENGHT. 40 MAXLENGHT="40" . TYPE text, , <HTML> <HEAD> <TITLE>forms</TITLE>

</HEAD>
40
password. , , .
<BODY> <FORM> <INPUT NAME="form3" TYPE="password"> </FORM> </BODY> </HTML>
. . . checkbox <HTML> <HEAD> <TITLE>forms</TITLE>

</HEAD> <BODY> <FORM> <INPUT NAME="form4" TYPE="checkbox" ><BR> <INPUT NAME="form5" TYPE="checkbox"><BR> <INPUT NAME="form6" TYPE="checkbox" CHECKED>
TYPE.
</FORM> </BODY> </HTML>
. . .
, . . ,
checked. . , . . , NAME="R1". TYPE="radio". , ,
<HTML> <HEAD> <TITLE>radiobutton</TITLE> <BODY> <FORM> <INPUT TYPE="radio" VALUE="V1" checked NAME="R1"><BR> <INPUT TYPE="radio" NAME="R1" VALUE="V2"><BR> <INPUT TYPE="radio" NAME="R1" VALUE="V3"> </FORM> </BODY> </HTML>
SUBMIT .
Sub it
RESET. ,
:
Re et
RESET , . . ! :
<HTML <HEAD> <TITLE> ub it and re et</TITLE> </HEAD> <BODY> <FORM > <INPUT TYPE="text" NAME="T1" SIZE="20"> <INPUT TYPE=" ub it" VALUE="Sub it" NAME="B1"> <INPUT TYPE="re et" VALUE="Re et" NAME="B2"> </FORM> </BODY> </HTML>
SUBMIT
VALUE="Sub it"
, SUBMIT SUBMIT ! HTML
TYPE=" ub it". .
. TYPE="reset". RESET
<TEXTAREA>. ROWS. COLS 30, ROWS
RESET
SUBMIT.
COLS
, , 3.
textarea
<HTML <HEAD> <TITLE>textarea</TITLE>

</HEAD> <BODY> <FORM > <TEXTAREA ROWS="3" NAME="S1" COLS="30">textarea</TEXTAREA> </FORM> </BODY> </HTML> <TEXTAREA> , <TEXTAREA>
<INPUT>. , </TEXTAREA>, . , . <SELECT>. :
3 , <OPTION>.
1, HTML
3. :
<HTML <HEAD> <TITLE>drop-down menu</TITLE>

</HEAD> <BODY> <FORM > <SELECT SIZE= "1"NAME="D1">
<OPTION> <OPTION> <OPTION> </SELECT>
1</OPTION> 2</OPTION> 3</OPTION>
</FORM> </BODY> </HTML>

SIZE . . . SIZE="5" : <SELECT> . SIZE="1", . , 1, ,
. , html , , , . <BODY> , html
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <FRAMESET ROWS="50%,50%"> <FRAME NAME="first" SRC="1.html"> <FRAME NAME="second" SRC=2.html"> </FRAMESET> </HTML> <FRAMESET>. , ROWS . %. . . ROWS="200,300" 300. . ROWS="*,3*" . *. , . , . 2 , 200 COLS. . ROWS . COLS , 2 ,
, HTML . , . html <FRAMESET>. 2 1.html , html . html . 2.html. (frames)
, 100 , . , <HTML> <HEAD> </TITLE> <TITLE> </HEAD> <FRAMESET COLS="100,30%,*"> <FRAME NAME="first" > <FRAME NAME="second"> <FRAME NAME="third"> </FRAMESET> </HTML> , 30
, , :
. <FRAME>. . . SRC, . , , , . NORESIZE BORDERCOLOR , <FRAME>. BORDER <FRAMESET>. 6 <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <FRAMESET COLS="100,30%,*" BORDER="6" BORDERCOLOR="0000FF"> <FRAME NAME="first" NORESIZE> <FRAME NAME="second" NORESIZE> <FRAME NAME="third" NORESIZE> </FRAMESET> </HTML> . BORDER="0" FRAMEBORDER BORDERCOLOR. . , 2 <HTML> <HEAD> <TITLE> </HEAD> . .. : , . . <FRAME>, . . , (border). NAME. <FRAME>
</TITLE>
<FRAMESET ROWS="100,*" > <FRAME NAME="first" NORESIZE> <FRAMESET COLS="20%,80%"> <FRAME NAME="second" NORESIZE> <FRAME NAME="third" NORESIZE> </FRAMESET> </FRAMESET> </HTML>
100 , 20
, 80 . , :
<HTML> <HEAD> </TITLE> <TITLE> </HEAD> <FRAMESET COLS="100,*" > <FRAME NAME="first" NORESIZE> <FRAMESET ROWS="20%,80%"> <FRAME NAME="second" NORESIZE> <FRAME NAME="third" NORESIZE> </FRAMESET> </FRAMESET> </HTML> . . "menu" . html <HTML> <HEAD> <TITLE>menu</TITLE> </HEAD> <BODY> <A HREF="http://www.search.bg">search.bg</A><BR> <A HREF="http://www.dir.bg">dir.bg</A><BR> <A HREF="http://www.gyuvetc.bg"> . </A> </BODY> </HTML> menu.html. . . html <HTML> <HEAD> <TITLE>frame</TITLE> </HEAD> <FRAMESET COLS="100,*" BORDER="0"> <FRAME NAME="menu" SRC="menu.html" TARGET="main"> html . : search.bg , dir.bg . "main" . , : .
<FRAME NAME="main"> </FRAMESET> </HTML> html . . <TARGET> "main" . frame.html. 100 . , menu.html "menu". <FRAME>. , . <TARGET> . (BORDER="0"), . , ) , (scrollbar) . , . SCROLLING , SCROLLING="no" , SCROLLING="auto" . . , . <HTML> <HEAD> <TITLE>frame</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAME NAME="search1" SRC="http://www.search.bg" SCROLLING="no"> <FRAME NAME="search2" SRC="http://www.search.bg" SCROLLING="yes"> </FRAMESET> </HTML> . : 1. . 2. , . , , , . . . "auto" . <FRAME>. . SCROLLING="yes" . . ( . .
3. .
META
HTML . : <META NAME="keywords" VALUE=".. <META> , <HTML> <HEAD> <TITLE> META tags </TITLE> <META NAME="author" VALUE="Peter Svetoslavov"> , <META NAME="description" VALUE=" "> <META NAME="keywords" VALUE="html, meta, tag, dokument"> </HEAD> <BODY> </BODY> </HTML> NAME VALUE . NAME="author" VALUE="Peter Svetoslavov" . NAME="description" . NAME="keywords" , . , . : . . . VALUE , . , ...> </ >. : HEAD , . web
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> , . . <META HTTP-EQUIV="Content-Language" CONTENT="bg"> . <META HTTP-EQUIV="refresh" CONTENT="5"> , 5 . ,
<META HTTP-EQUIV="refresh" CONTENT="5;URL=http://www4u.search.bg" > , www4u.search.bg
<META HTTP-EQUIV="expires" CONTENT="friday", 21 July 2000, 15:23:22 GMT"> , .
, . <. <HTML> <HEAD> <TITLE> </HEAD> <BODY> < </BODY> </HTML> .. , ,
HTML :
</TITLE>
, . . <,>,#,&,$ , . ., ,, & < < : HTML . ;, ,
<,
<HTML> <HEAD> <TITLE> </HEAD> <BODY> < </BODY> </HTML> -
</TITLE>
! $ : >
! $ : > ®
" % ; ?
" % ; ? ( ±
# & < @
# & < @ © ½
, , ® . ® , , ASCII ASCII ® . . .
Cascading style sheets Cascading style sheets , , . , HTML . , ,

<H3>
, . Cascading style sheets , , ( <H3>).
. , . ,
<H3>,
<H3>
, , ( <HEAD>) . . style sheet . , . STYLE , HTML . , .
HTML HTML
STYLE=""
HTML :
STYLE="
"
. <P> :
<P style="color: red">
, ,
, CSS.</P>
: , . : CSS.
STYLE
<P style="color: red; font-weight: bold; font-family: Arial"> Arial.</P>
,
Arial.
Arial:
STYLE
, ?! , . (<HEAD>) , . , .
<STYLE></STYLE> <SPAN>: STYLE
. , -
HTML
. HTML
, , (
),
<HEAD> <STYLE>  </STYLE> </HEAD>
, HTML , :
SPAN { color: red; font-weight: bold }
<STYLE>
. .
, <SPAN></SPAN> . , HTML , <STYLE></STYLE>, - < >. <SPAN> SPAN, <P> P, <TABLE> TABLE . - ="", . }. STYLE . , , <SPAN></SPAN>, :
, boldbold ,</SPAN> .</SPAN> .
-{ -;,
HTML
<SPAN> <BR> <BR> <SPAN>
, boldbold .
Netscape <SPAN> , Internet Explorer 5. HTML , CLASS ID. .
4.7,
, , HTML , . :
<HEAD> <STYLE> <!-DIV { color: red } P { color: blue } --> </STYLE> </HEAD> <DIV> <BR> <BR> <P> .</DIV> .</P>
. ,
. . , , . .
<HEAD> <STYLE> <!-.red { color: red } .blue { color: blue } --> </STYLE> </HEAD>
. , HTML :
, ? ,
<P class="red"> <BR> <BR> <P class="blue">
.</P> .</P>
? . "red" "blue". .
<STYLE></STYLE>
- "red" , ,
"blue" <P>
HTML , . : "
CLASS
" HTML
<P class="red"> <P class="blue"> <P class="green"> <DIV class="black"> <SPAN class="black">
.</P> .</P> .</P> .</DIV> .</SPAN>
:
.red { color: red }
-.: .red, .blue, .blabla ,
. ID , ,
#.
, :
<HEAD> <STYLE> <!-#red { color: red } #blue { color: blue } --> </STYLE>
</HEAD>
"
<DIV id="red"> <DIV id="blue">
"
,
.</DIV> .</DIV>
ID:
. . , Sheet. Style Sheets , , HTML style sheets. ( : external style sheet, Notepad) . . , external( HTML ) . . . Style
DIV { font-family: Arial } P { color: blue }
( *.css; .external style sheet

<LINK>
(save as...) ,
"style.css"
style.c ss.txt). - style.css, bla.css, fish.css *.css. . (<HEAD>) , HTML :

" href=" ">
<LINK rel="stylesheet" type="text/css" name=" rel="stylesheet"
stylesheet). type="text/css"
, . name="" , <LINK>
<LINK rel="stylesheet" type="text/css" name="Pesho Dulgiq" href="style.css">
( (
) ).
href=""
, , HTML . , style.css CSS , CSS (Cascading style sheets). I CSS . , . , : COLOR : ; #RRGGBB; RGB;
color color:
. ,
:
</P> </P> </P>
<P style="color: red"> <P style="color: #00FFFF"> <P style="color: rgb(0,0,0)">
. . red, blue, gold, silver
. # RRGGBB.
#FFFFFF ( rgb(0,0,0) -
), #000000 (
), #FFFF00 (
) , ;
. rgb(255,255,255) ; rgb(255,0,0) .
: FONT-FAMILY : ; ;
font-family
, . :
Arial</P> Courier</P>
<P style="color: red; font-family: Arial"> <P style="color: #00FFFF; font family: Courier">T <P style="color: rgb(0,0,0); font-family: serif"> </P>
Arial T Courier
, Arial, Helvetica, Verdana, - serif, sans-serif, monospace, fantasy, cursive. : FONT-STYLE : normal; italic; oblique;
font-style
o
</P> (italic)</P> oblique</P>
<P style="font-style: normal"> <P style="font-style: italic"> <P style="font-style: oblique">
(italic) oblique : FONT-WEIGHT :
; ; :
<P style="font-weight: bold"> <P style="font-weight: normal"> <P style="font-weight: 100"> </P> </P> </P>
bold, bolder), 400
(normal, (100, 200, 300 . normal, 700 bold).
: FONT-SIZE : ; ; ; .
<P style="font-size: x-large"> <P style="font-size: 12pt"> <P style="font-size: 12px"> <P style="font-size: larger"> </P> </P> 12 12 , </P> </P>
12
12
,
font-size
. . , . , : xx-small, medium, large . .
14 15 ( ), ), px ( . : TEXT-DECORATION : none; underline; overline; line-through; blink; .

<P style="text-decoration: underline"> <P style="text-decoration: line-through"> <P style="text-decoration: none"> </P> </P> </P>
, . . . ), em (
. larger : pt
through.
: none, underline, overline, blink, line Netscape. . :

</A>
< style="text-decoration: none" href="#">
Internet Explorer :
<STYLE type="text/css"> <!-A:link { text-decoration: none } A:visited { text-decoration: none } A:hover { text-decoration: underline }
--> </STYLE>
A:link
<A></A>
, . A:visited ( , Netscape). CSS1 ,
A:hover
T CSS1, . , CSS2.
Background Border Clear Color Display Float Font Height Letter-spacing
, px ex pt pc in cm mm o . . 1pc ( . . . 12pt. ). 1in = 2,54cm. . . .
. . #FFFFFF ( rgb URL . red, gold, green. HTML/ , ). . . rgb( 255,255,255 ).
: { background: url("main.jpg") }.
Background
Background-color , transparent HTML{ background-color: #606060 } ). . . ( .
Background-image none URL . { backround-image: url("main_bg.jpg") } . ( . , , ).
Background-repeat no-repeat repeat-x . . .
repeat-y repeat . { background-repeat: no-repeat } .
Background-attachment scroll fixed . . { background-attachment: fixed } .
Background-position - 0% 0%: . center top bottom left right X/Yleft/top 10%/30%. { background-position: 50% 50% } . . . Web . . . , . 100% 100%: ,
background ,
.
<STYLE type="text/css">  </STYLE>
Border
Border-top-width thin medium thick . . . { border-top-width: medium } . .
Border-bottom-width thin medium thick . . . { border-bottom-width: thin } . .
Border-left-width thin medium thick . . . .
. { border-left-width: 3px }
Border-right-width thin medium thick . . . { border-right-width: thick } . .
Border-width thin medium thick . . . { border-width: 3px }

Border-width Border-width :
y
. .
.
y y , : y y y y y y <STYLE type="text/css"> <!-, .
: { border-width: 2.5mm }
, , .
DIV.bord { width: 200; border-width: 2mm 3mm 1mm; bordercolor: black; }
y y y y y y y y y
--> </STYLE> <BODY> <DIV class="bord"> </BODY> , , </DIV>
, y .
Border-color #RRGGBB ( . . { border-color: #00FFFF } . HTML/ red, blue, white. ).
Border-style none dotted dashed solid double droove . . . { border-style: double }

border-top-width border-top-color, .T . , border, . background: border-top-style Internet Explorer
. . , . ( ).
ridge, inset
outset.
, ,
<STYLE type="text/css"> <!-P { border: solid medium black } --> </STYLE>
border-top, border-bottom, border-left, border-right. , . .
Clear
Clear none left right both , , . . { clear: none } . . .
Color
Color #RRGGBB ( . RGB , . . HTML/ red, blue, white. . rgb(255,255,255) ).
O { color: rgb(130,75,183) }
Display
Display none block inline listitem . block, Web { display: block } . . . , , .
Float
Float none left right ; ; . { float: none } , . . .
Font
Font-family , Times New Roman. . monospace. , { font-family: Arial, Verdana, Helvetica, sans-serif } , . . : Arial, Courier,
: serif, sans-serif, cursive, fantasy,
Font-style normal italic oblique . { font-style: italic } . . .
Font-variant normal smallcaps . , . . { font-variant: small-caps } . small-caps. -
Font-weight . normal, 700 = bold. : 100, 200, 300 . 400 =
lighter normal bold bolder
. . . .
{ font-weight: bold }
Font-size xx-small x-small small medium large x-large xx-large larger smaller pt em ( . . . 150% . . { font-size: 12pt }
font. P.neshtosi { font: bold small-caps 16pt Arial, sans-serif } :
. . . . .
. . . , ). . 1.5em =
Height
Height auto . , . { height: 300 } . . .
Letter-spacing
Letter-spacing normal . . . { letter-spacing: 3 } . , .
JavaScript. Javascript , HTML , , ( JAVA Netscape). JAVA , . JAVA <APPLET> . .class </APPLET>. : y . Rollover . , , JAVA HTML JavaScript, . HTML . . JAVA , JavaScript . , SUN, a JavaScript
"
",
y , . . y . y :-)
. , , ,
JavaScript : y , JavaScript <SCRIPT> </SCRIPT>. JavaScript. VBScript. JavaScript " HTML </SCRIPT>. , ( )
<SCRIPT>, HTML <SCRIPT> ,
, . <SCRIPT LANGUAGE="JavaScript">. JavaScript , !"
<HTML> <HEAD> <TITLE>javascript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(" !") </SCRIPT> </BODY> </HTML> HTML , JavaScript .
javascript.html. JavaScript. HTML <-- //-->. JavaScript . !
Netscape Navigator
. Internet Explorer
HTML : <HTML> <HEAD> <TITLE>javascript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-document.write(" !")
//--> </SCRIPT> </BODY> </HTML> , . . " !". html , : javascript JavaScript
<HTML> <HEAD> <TITLE>javascript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-document.write("<B> !</B>") //--> </SCRIPT> </BODY> </HTML> . " ". javascript
javascript . . " , <HTML> <HEAD> <TITLE>javascript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-greeting=" !" document.write(greeting) //--> </SCRIPT> </BODY> </HTML> greeting, " javascript !". " . !"
, . . :
greeting !".
, _. . . . : greeting_card greet2 _my_greeting : 123 var.2 greeting 3 , . :
<HTML> <HEAD> <TITLE>javascript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-a=5 b=7 greeting=" !" document.write(greeting+a) document.write("<br>") document.write(a+b) //--> </SCRIPT> </BODY> </HTML> greeting. 5 ( a=5) !" (greeting=" . , , ,a . ( , . , =5, b=7 greeting=" , , . !". ) , . . , , . b . . , greeting , , a, b 7 !").
(b=7)
"
(document.write)
, . greeting " " !5". ( " :-) a : !5 12 !5 , . . "". " greeting ". a b . , , 12 (a=5, b=7, a+b=12). HTML a ,
. document.write(greeting+""+a) !5 . - document.write("<br>"). HTML ,
, , : + * / % .
, . 2 2+5/3. . , 5, (2+5)/3 . 5 2. , 3,
2010 <HTML> <HEAD> <TITLE>javascript</TITLE> <HEAD> <BODY> <SCRIPT LANGUAGE="javascript"> <!-var year=prompt(" old=2010-year alert(" 2010 //--> </SCRIPT> </BODY> </HTML>
","1980") "+old+" ")
var ( var name="Ivan" , var number=14). prompt , . prompt prompt("message","value") message , value . value, prompt . year . old 2010 year. 1980, year 1980, 30 (2010-1980). old , 2010 . old . ! alert (alert(" 2010 "+old+" ")). , . (x++) x=x+1, x-5, y .. y=x++ x y . (x--). x++ x=x-1. x++ x x x . , x 6.
old ,
: y=++x .. y 1. 11 y 10, x 11. . . - true true, x==y x!=y x<y x<=y x>y x>=y !x x&&y x||y true x false, x y true x y true true x x x x x x y .
x x=10. 11.
x y=++x y=x++ x y
false. false : true true true y true y true true, false,
b .
y y
if...else... : if ( else 2 : , 2. , 1900 2000 : 1, ( if) ( else) ) 1
<HTML> <HEAD> <TITLE>javascript</TITLE> <HEAD>
<BODY> <SCRIPT LANGUAGE="javascript"> <!-var year=prompt(" if (year<1900) document.write(" ") else if (year>2000) document.write(" else { old=2010-year document.write(" 2010 "+old+" ") } //--> </SCRIPT> </BODY> </HTML> , . 1900 . 1900 2000 . , { }. : if (year<1900) document.write(" ") ..... if (year<1900) { document.write(" ") a=10 document.write(a) } else , .
","1980")
!!!")
, 2000. . .
var x=prompt(" ") if (x<0) { x=-x } document.write(x) , (x<0) (x=-x . x) .
javascript . . for. for (i=0; } ... i . 0 for (i=0;i<10; i++) { document.write(i) document.write("<BR>") } HTML . for , i, for . . ( ) . . for (i=0;i<10; i++) " " for , . . . . . , 9: , , , ; i++) { :
i 0 (i=0). i , (i++). , . . . , . i : { document.write(i) document.write("<BR>") } 0 . , i<=10. (;). for , . javascript while ( } . 0 i=0 while (i<10) { document.write(i) document.write("<br>") i++ } 9 while : . , ){ : 9. 10, i<10 i 9. . 0, 9 , 1 , 10 (i<10). , i . 1
, . 0 i<10 . i . i.
javascript , : function name() { } .. name , (HEAD) . : <HTML <HEAD> <SCRIPT LANGUAGE="JavaScript"> function firstName() { name=prompt(" ?") alert(" "+name) } </SCRIPT> <BODY> <SCRIPT LANGUAGE="Javascript"> firstName() </SCRIPT> </BODY> </HTML> firstName : ?". " alert "+ . . name HTML , , .
, . . (BODY) , HTML ,
, " HTML
. . . <HTML <HEAD> <SCRIPT LANGUAGE="JavaScript"> function fontSize(num) { document.write("<font size="+num+">") document.write(num) document.write("</font>") } </SCRIPT> <BODY> <SCRIPT LANGUAGE="Javascript"> for(num=1;num<=7;num++) { fontSize(num) } </SCRIPT> </BODY> </HTML> fontSize . <FONT SIZE=..... num, num. HTML , . num num . fontSize. : num HTML (font size=1). 2 (num++) 2. num=7 num 2 1. 1 (fontSize(num)). : <font size=1> 1 </font>. num 1( ) </FONT>. document.write HTML , num. . 7, . >. num. HTML
........
- 7. . :
function argument(arg1, arg2, arg3) , , . . , , , fontSize.
, . masiv=new Array() .. masiv . . : masiv=new Array(10) . masiv , . masiv[0] : masiv=new Array(7) masiv[0]=" " masiv[1]=" " masiv[2]=" " masiv[3]=" " masiv[4]=" " 10 NULL, . . , . [], masiv[9]. . , , new Array() :
masiv[5]=" masiv[6]=" ... masiv=new Array(" ","
" " "," ") . "," "," "," : ","
, masiv[5]=122 , , masiv=new Array(" "," "," "," "," ") for(i=0;i<7;i++) { document.write(masiv[i] + "<br>") } , . :
. .
","
","
Javascript . . . document " javascript (document.write , image.border . javascript window. , javascript
. .
javascript , . .
write. ", " ." . .) javas cript . javascript
, . ( window.
, Netscape) URL . . status : (status bar). ,
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> window.status="statusbar" </SCRIPT> <BODY> </BODY </HTML> window.status . . , . open, write , concat . .) open . URL . www4u.search.bg : <HTML> <BODY> <IMG src="clickme.jpg" onMouseover="window.open('http://www4u.search.bg')" > </BODY> </HTML> onMouseover ( . : ). window. window.open() , . . , javascript , ( , open, close, write, click, sort, .
document
bgColor image location title border height width src location history frames name
write writeln open
image
window
close open prompt scroll
javascript . . . . Javascript . onClick, onMouseover on =( . . : ) , . <SCRIPT></SCRIPT> . < >. alert , :
<A href="http://www4u.search.bg" onMouseOver="alert('HTML JavaScript !');return true;">WWW4U</A> . WWW4U OnMouseover . Image Map. onMouseover ! rollover onMouseout. OnClick, alert
. . javascript , . onLoad. . : <HTML> <BODY onLoad="alert(' </BODY> </HTML> " onUnload, ," . " <HTML> <BODY onLoad="alert(' onUnload=alert(' </BODY> </HTML>
onMouseover rollover ..
onMouseout
!')" >
alert !". !" , " !" : !')" !')" > !" onLoad
. " , . onUnload. Stop . : onError onSelect onSubmit ( ) onAbort. !".
onBlur onFocus onChange ( )

HTML CSS Javascript

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML CSS Javascript

Uploaded by

Copyright:

Available Formats

HTML

File Notepad, index.html , . . (tag). . . . / , <HTML> HTML . HTML <TITLE>. HTML . . . ,

<HEAD> </HTML> </HEAD>

<HEAD> </HEAD> </HTML>

web , #000000, #FFFFFF, #COBB56. . , . . : FF . . 00, FF . 256 , , 00 "#". FF, , 00 ,

web <BODY> BGCOLOR= notepad . :

, TEXT="#FF0000" TEXT ). #00FF00 . <BODY>. ,

, </I> , (Italic) <U> <B> </U> , </B>

, (Bold), <I> (Underline). .

. ," <I> ," " .

.</FONT><BR> .</FONT><BR> .</FONT><BR>

"Arial" , "Times New Roman". , , , . Windows. FACE, . <H1> <H6>. .<H1> -

, : <HTML> <HEAD> <TITLE>H <HEAD> <BODY>

<CENTER> <H1> <H3> <H6> </CENTER> </BODY> </HTML>

e</H1> </H3> </H6>

, . <BR> </H>. <CENTER> , <P> <P>

<H> . - <CENTER>. </CENTER> . <P>. , . ,

<P></P>. <P> <P>

</P> . <BR> <P></P>. left, right , : . center

<P> <P> ALIGN.

</P> </P> </P>

, , <P>. : 1. , HTML . . 2. <H> <P>. , , , , , ,

</BODY> <HTML> : : 1. 2. 3. , . , <OL>. TYPE TYPE . : 1. 2. 3. , TYPE

1. 2. 3. a. b. c. A. B. C. i. ii. iii. I. II. III.

I. II. III. <OL> TYPE=I . <OL TYPE=I>. 1. 2. 3. <UL></UL>. , TYPE,

imagesrc , redpoint.gif HTML imagesrc="images/redpoint.gif"> ,

<UL> . , . , : <UL images. , :) ,

100 left, center ,

Netscape 8 <BODY> <HEAD> 90% :

HTML , . web <A> , HREF www.search.bg : <A>. , </A>. , ( . , ).

<A HREF="http://forum.search.bg"><B>FORUM</B></A> </BODY> </HTML>

. . . <A>. TARGET . : , TARGET ,

index.html. : <HTML> <HEAD>

<A HREF="mailto:www4u@search.bg"> www4u@search.bg</A>

e-mail . <A> , . , "begin": . HTML

. HTML , , <A HREF="index.html#begin"> begin</A>

<A HREF="http://www.search.bg/index.html#begin"> begin</A> : 1. ( ) , . 2. <A> NAME.

. 2 " ", : <IMG SRC="dolphin.jpg WIDTH="300" HEIGHT="187">

Netscape Navigator <BODY>. <EMBED> . :

<EMBED> .avi , . 5-6

border="1" width="90%". , align, "right" ( , 3 ). border width . , "left" ( . %, 50 80 % : . 2 200 . . , 5

), "center" ( , width="50%" , width="50"

<table align="right" border="2" width="80%">

<table align="left" border="5" width="200">

. <font bgcolor . . <TABLE>

, <img.. <a href="http:// ... . .">

<table align="center" border="1" cellpadding="0" cellspacing="0" width="250"> <tr> <td rowspan="2"></td>

<td></td> </tr> <tr> <td></td> </tr> </table>

width height . bordercolordark. , 200 7 , . . bordercolorlight , 20% , :

! Netscape Navigator bordercolordark , Heading <TD> ).

bordercolorlight . <TH> (Table . :

</TR> (table row). <TD></TD> ,

WEB . . <FORM></FORM>. . <INPUT>. NAME TYPE. TYPE . TYPE. NAME . HTML ,

<HTML> <HEAD> <TITLE>forms</TITLE>

TYPE="text". SIZE , . VALUE. 50 50 <HTML> <HEAD> <TITLE>forms</TITLE>

. . . , . MAXLENGHT. 40 MAXLENGHT="40" . TYPE text, , <HTML> <HEAD> <TITLE>forms</TITLE>

<BODY> <FORM> <INPUT NAME="form3" TYPE="password"> </FORM> </BODY> </HTML>

. . . checkbox <HTML> <HEAD> <TITLE>forms</TITLE>

</FORM> </BODY> </HTML>

checked. . , . . , NAME="R1". TYPE="radio". , ,

, SUBMIT SUBMIT ! HTML

<HTML <HEAD> <TITLE>textarea</TITLE>

<INPUT>. , </TEXTAREA>, . , . <SELECT>. :

<HTML <HEAD> <TITLE>drop-down menu</TITLE>

, . . <,>,#,&,$ , . ., ,, & < < : HTML . ;, ,

<HTML> <HEAD> <TITLE> </HEAD> <BODY> < </BODY> </HTML> -

! $ : > ®

" % ; ? ( ±

# & < @ © ½

, , ® . ® , , ASCII ASCII ® . . .