HTML-
HTML- , <body>. :
bgcolor - ;
text - ;
link - , ;
vlink - , ;
alink - , , .
. (, ) (00) 255 (FF). :
bgcolor=#FFFFFF - .
text=#000000 - .
link=#FF0000 - .
, <body> background="[ ]", , . , GIF ( *.gif) JPEG ( *.jpg *.jpeg).
, , , HTML- . , . 6 1.
1. ?
2. ?
3. ?
4. ?
5. ?
6. HTML?
7. ?
8. ?
9. URL- ?
10. ?
4
: HTML. . , . (2 )
: HTML- .
HTML . , , [3].
: <ul></ul>
, <ul> </ul>, . <li>, . , :
HTML-:
<ul>
<li>;
<li>;
|
|
<li>;
</ul>
: <ol></ol>
, , , , . :
<ol>
<li>;
<li>;
<li>;
</ol>
:
: <dl></dl>
. <li> <dt> ( definition term ) <dd> ( definition definition ). . , HTML-:
<dl>
<dt>HTML
<dd> HTML (HyperText Markup Language)
' '.
<dt>HTML-
<dd> *.html
</dl>
:
: , <li>, <dt> <dd> .
, <dl compact>. , HTML-:
<dl compact>
<dt>
<dd>
<dt>
<dd>
<dt>
<dd>
</dl>
:
. , . .
8 . , , 2, . .
8. 4
¨ | |
: 1. | |
: . | |
- | |
: . | |
( ): 1.. | |
( ): 1.1. | |
Ö | |
: 1) | |
# | |
: ) | |
Ø | |
( ): 1)) | |
ü | |
( ): 1. ) | |
p | |
◊ |
1. ?
2. ?
3. ?
4. ?
5
: HTML. . . (6 )
: HTML- .
<table>, . : <tr>, () <th>, <td>. [4].
|
|
9 .
9.
<table></table> | . |
<tr></tr> | . . |
<td></td> | . . . |
<th></th> | , , . . |
:
border - ( , , border=1. , , );
align - .
. .
. : (<td></td>), (<td> </td>).
, , . <tr> , .
. .
align valign - . <caption>, <tr>, <th> <td> . 10 .
10. <caption>, <tr>, <th> <td>
<caption> | align top bottom ( top); . |
<tr> | align left, center right ( left center ). , . valign top, bottom, middle baseline ( middle). , . baseline . |
<th> | align left, center right ( center). valign top, bottom middle ( middle). |
<td> | align left, center right ( left). valign top, bottom middle ( middle). |
HTML . . . , . .
rowspan <th> <td>, :
<td rowspan =2>
colspan , :
|
|
<td colspan =2>
, (. 11).
11. <table>, <td>, <th> <tr>
width | , . . |
height | , . . |
cellpadding cellspasing | , , . , . |
bgcolor, bordercolor |
HTML-, 2 (. 12).
12. 5
2 3 3 | |||
4 5 2 | |||
1 2 6 | |||
4 5 3 | |||
6,7 8 5 | |||
2,3,4 5 1 | |||
3 4 5 | |||
4,5 6 5 | |||
2 3 7 | |||
10 11 1 | |||
3 4 3 | |||
2 3 8 | |||
6 7 3 | |||
4, 5 6 2 | |||
2 3 4 | |||
1 2 2 | |||
2 3 6 | |||
3 4 4 | |||
5,6 7 3 | |||
7,8,9 10 3 |
1. ?
2. ?
3. ?
4. ?
6
: HTML. . (6 )
: HTML- .
, . . :
1. html ( index.htm) , .
2. html .
html . html homepage.htm menu.htm. index.htm, :
|
|
<html>
<title> </title>
<frameset cols="*,140">
<frame src="homepage.htm" name="frame1">
<frame src="menu.htm" name="frame2">
</frameset>
</html>
:
<html></html> <title><title> - html
<frameset> rows cols , . :
- .
- % %` 100%.
- *. 20%,20%,60% 20%,20%,* .
frameborder="X" border="Y" x y .
(<frameset cols="*,140">) , 140 ,
<frame> - .
src , homepage.htm (<frame src="homepage.htm"...).
name , "frame1". . menu.htm homepage.htm. html :
<a href="file.htm">file</a> -
<a href="file.htm" target="frame1">file</A> -
target="_top"
. marginwigth="x" marginheight="y", x y .
</frameset> .
.
:
logo.html, , menu.html content.html.
<html>
<head>
<title> </title>
<frameset rows="100,*">
<frame src="logo.html">
<???>
</frameset>
</head>
</html>
, , ? Frameset.
<html>
<head>
<title> </title>
<frameset rows="100,*">
<frame src="logo.html">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
</head>
</html>
cols <frameset></frameset> ( 150 , ). <frame>, <frameset></frameset> (menu.html content.html).
:
. content.html (), , logo.html menu.html.
<html>
<head>
<title> </title>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</head>
</html>
() logo.html.
<html>
<head>
<title> </title>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no">
<frame src="menu.html">
</frameset>
<frame src="content.html">
|
|
</frameset>
</head>
</html>
Scrolling - <frame>. : no - , ; yes - ; auto - , .
, scrolling="auto", , .. scrolling , , , - .
. border, . , border="0".
<html>
<head>
<title> </title>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</head>
</html>
:
<html>
<head>
<title> </title>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</head>
</html>
Marginheight ( ) , marginwidth . , logo.html, marginheight marginwidth .
11 5 HTML-, , . , , .
1. ?
2. HTML-?
3. ?
4. .
7
: . CSS. . (6 )
: CSS, HTML-.
Cascading Style Sheets ( ) - , HTML . Web , HTML .
,
(Inline Style Sheets) HTML .
(Global Style Sheets) .
(Linked Style Sheets) .
(Selectors):
{}
HTML - CSS . , .
:
h1 {color:red; size:20pt;}h1 , 20 (pt, point).
(Class Selectors):
. {c}
class - HTML, . CSS .
:
h1.blue {color:blue; size:20pt;}h1 class="blue" .
ID (ID Selectors):
#id {}
ID - . C .
:
<html><head><title> CSS </title></head><style>.blue {color:blue; font-style:italic}#boldunderline {text-decoration:underline; font-weight:bold}</style><body><p class="blue"> , . </p><p class="blue" id="boldunderline"> ... </p><p id="boldunderline">... </p></body></html>, ID ( . ID "boldunderline" ( - , ).
(Contextual Selectors):
- . .
:
p EM {color:silver;}EM p .
, HTML . style HTML .
: <font color="blue" size="3" face="Arial"> </font>.
Inline Style Sheet:
<font style="color:blue; font-size:12pt; font-family:Arial"> </font>., Inline Style Sheet HTML. ISS , CSS HTML. .