<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ITL> </ITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<MAP NAME="buttons">
<AREA SHAPE="RECT" COORDS="10,10,30,20" HREF="blue.htm">
<AREA SHAPE="RECT" COORDS="10,30,30,40" HREF="yellow.htm">
<AREA SHAPE="RECT" COORDS="40,10,60,40" HREF="red.htm">
<AREA SHAPE="RECT" COORDS="0,0,70,50" NOHRER>
</MAP>
<IMG SRC="buttons.gif" BORDER=0 USEMAP="#buttons">
</BODY>
</HTML>
buttons.gif, . 5.1. <AREA> . , , <AREA>, . , , , .
? - , , , , ..
, , - , , . , , (, NSCA Mosaic).
, HTML. . , , . , .
3. Map This!
, . Internet Map This!, . WWW, Map This!:
http://www.ecoetc.ohio-state.edu/tc/mt
. 5.2.
Map This! , . .
, , - , .
|
|
, Map This! , , HTML.
, URL ', . , , .
. 5.2. Map This!
HTML, Map This! , :
<BODY>
< NAME="Country Lake">
<!-- #$-:Image Map file created by Map THIS! -->
<!-- #$-:Map THIS! free image map editor by Todd C. Wilson -->
<!-- #$-:Please do not edit lines starling with "#$" -->
<!-- #$VERSION:1.30 -->
<!-- #$DESCRIPTION:Just a test map to show what can be done without
resorting -->
<!-- #$DESCRIPTION:to lots of writing down points and wasting time. -->
<!-- #$AUTHOR:Todd Wilson -->
<!-- #$DATE:Thu Feb 06 10:11:27 1997 -->
<!-- #$PATH:C:\Program Files\MapThis\Examples\ -->
<!-- #$GIF:LAKE.GIF -->
<AREA SHAPE=RECT COORDS="213,296,289,336" HREF="door.html">
<AREA SHAPE=CIRCLE COORDS="499,355,14" HREF="liferaft.html">
<AREA SHAPE=POLY COORDS="637,362,551,366,550,373,545,375,448,366,371,367,347,367,336,367,293,356,256,352,0,356,0,477,640,478,637,365,637,362,637,362" HREF="lake.html">
<AREA SHAPE=RECT COORDS="125,308,167,335" HREF="lunch.htm" ALT="Table">
<AREA SHAPE=RECT COORDS="350,335,539,365" HREF="boat.html">
<AREA SHAPE=RECT COORDS="332,275,362,323" HREF="lady...tm" ALT="The lady in the pink shirt">
<AREA SHAPE=RECT COORDS="86,205,289,339" HREF="house.html">
<AREA SHAPE=RECT COORDS="292,261,325,328" HREF="house.html">
<AREA SHAPE=POLY COORDS="97,173,88,199,290,201,283,174,97,173,97,173" HREF="roof.html">
<AREA SHAPE=POLY COORDS="292,225,292,259,332,257,319,228,292,228,294,224,292,225,292,225" HREF="roof.html">
<AREA SHAPE=POLY COORDS="0,136.81,197,80,335,0,335,0,216,0,136,0,136" HREF="mountain.html" ALT="the left mountain">
<AREA SHAPE=default HREP="tryagain.html">
</MAP>
/BODY>
, HTML .
4. Internet
HTML Internet, , FTP, .. HREF <> :
HREF="http://... " | ', HTTP. ', |
HREF="ftp://... " | FTP |
HREF='mailto:... " | . , ' , . , |
HREF="news:... " | |
HREF="nntp://... " | |
HREF="telnet://... " | Internet TELNET |
HREF="gopher://... " | Gopher |
. HREF HTML. , '.
|
|
? , , <IMG>, - , WWW , . HTTP, , 䳿, , .
, lzh, " ". :
<A>HREF=http://www.dials.ccas.ru/frolov/bin/dbsp11.lzh><IMGSRC="disk.gif"BORDER=O></A>
, .
. HTML , . , .
WWW FTP. FTP, WWW, IP, ( ) . FTP HTML , , , .
HTTP, WWW. , WWW FTP. Internet, -, , (FTP WWW) .
WWW . :
<FONT SIZE=2>
< HREF="mailto:[email protected]">[email protected]</A>
</FONT>
. , .
1:
1. 5 html .
2. html 5 1.
2:
3. Paint , gif.
4. 5 html .
|
|
5. <> gif 5 html .
4
: Web-.
: Web-.
CSS, , , HTML . HTML , , .
HTML. : HTML-.
CSS
CSS . :
{:; :; :;}
: . () . , . :
p {
color:darkgreen;
font-family:Verdana;
font-size:10pt
}
, - , 10 , Verdana.
html HTML- . ( ):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS Example</title>
<link rel="stylesheet" type="text/css" href="web.css" />
CSS
CSS /* */. :
p {
color:red; /* */
}
, CSS , , CSS .
, . , CSS , CSS-. .
, . , :
p { color: red; }
p { color: blue; }
p , .. .
, ( ). , . :
div p { color: red; }
p { color: blue; }
, p div , , p, . - . , .
. , id (#anything) 100, class (.anything) 10, HTML (anything) 1. , .
|
|
p 1 (1 HTML )
div p 2 (2 HTML ; 1+1)
.tree 10 (1 class)
div p.tree 12 (2 HTML 1 class; 1+1+10)
#baobab 100 (1 id)
body #content.alternative p 112 (HTML , id , class , HTML ; 1+100+10+1)
, , , div p.tree ( 12) , div p ( 2), body #content.alternative p , , .
, . background .
body {
background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;
}
:
background-color, .
background-image, .
background-repeat, , . repeat ; repeat-y Y, .. ; repeat-x X, .. ; no-repeat .
background-position, . top (), center ( ), bottom (), left (), right () .
HTML, (body). , , .
. , , -, . , , . , , ( , ).
, , , , , , ( , , GIF).
CSS HTML , HTML-. , .
, HTML, .
CSS , (.). , (#).
CSS :
#top {
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
HTML CSS id class. :
<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">This is my recipe for making curry purely with chocolate</p>
<p class="intro">Mmm mm mmmmm</p>
</div>
id , , .
HTML, HTML-. p.jam { - } , jam.
CSS
(), HTML . , , border-style. , : solid ( ), dotted ( , ), dashed ( ), double (), groove ( ), ridge ( ), inset ( ) outset ( ).
|
|
border-width , . : border-top-width, border-right-width, border-bottom-width border-left-width.
, , border-color .
CSS-:
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
HTML ( h2) 3 , 10 ( 3 ).
1.
2. :
- ;
- 1- , , 18 pt, : Times Now Roman;
- 2- , , 16 pt, : Times Now Roman;
- , 14 pt, : Times Now Roman;
- 3 5 .
3. .css.
4. Web- : 1- 2- , ( 5), .
5. ϳ css web-.
5
: .
: .
. , , , , , , .
, . . - . , , , , . .
, . , .
. : , , (), , . . , , " ". , , . "". "" -.
: , ( ) . - . . .
, - , . "" . , , . : -, , , 4 . .
? , , : , . , , , , ..
(border) , , (, , ).
(padding) , , , .
(margin) , .
, , , . , . . ( ), . , , . , .
HTML. . . , : , . , :
<p> .</p>
p .
. , , . / , . : , . , .
. img . XHTML, - . :
<img src="images/risunok.jpg" alt="" />
div
HTML- ( , , img ), div - . , . , : (header), , , (footer) -.
, , .
. , . , :
<img src="images/risunok.jpg" width="200px" height="50px" alt=" , , -" />
src, width, height, alt . ( ) . . , risunok.jpg images, 200 , 50 .
, . , . . - . - . . ( ), alt alt="".
, div. :
id , , , . header ( ), footer. div id header () , footer , , , <> , . !
class , . . , id .
DOCTYPE
. DOCTYPE. , . . , , <html> , .
Strict 1.0.
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
: , , , / . ! ? ! . , .
<html>
:
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
, lang ru, , . ! Ÿ . , -,
<html>
<head>. : (, ), , , .. meta, .
:
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="description" content=" - ." />
<meta name="keywords" content=", -, , , , ." />
<link rel="stylesheet" href="style.css" type="text/css" />
:
- . - -1251, IE 3.0 .
- . , .
- . , .
CSS, . : , , - . , type text/ss media :
handheld
screen only ..
- , , -, - . . , .
<title>
, :
<title> | </title>
, . Index, default, 1 , , . , . , .
</head>. , . :
<head><title></title></head>
! :