- •Introduction in html 3
- •Special symbols and comments.
- •Tables in html
- •«Lists as a tool for structuring»
- •Create of lists
- •Html List Tags
- •Ordered Lists
- •Html Description Lists
- •Example
- •«Types of hyperlinks. The concept of the url and using them »
- •Unordered Lists
- •Circle:
- •« Creating frames. Setting the frame»
- •«The concept of media files»
- •« Navigation maps »
- •References
Special symbols and comments.
Name |
Code |
Sumbol |
< |
< |
< |
> |
> |
> |
|
|
Пробел |
© |
© |
© |
& |
" |
& |
" |
& |
“ (двойные кавычки) |
§ |
§ |
§ |
« |
« |
« |
» |
» |
» |
® |
® |
® |
² |
² |
2 (в квадрате) |
³ |
³ |
3 (в кубе) |
Arrows |
|
|
← |
← |
← |
↑ |
↑ |
↑ |
→ |
→ |
→ |
↓ |
↓ |
↓ |
↔ |
↔ |
↔ |
Example
© Издательство " Высшая школа "
© Издательство “Высшая школа”
Tables in html
The HTML table allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells. Each table may have an caption that provides a short description of the table's purpose. HTML tables are created using the <table> tag along with other tags that are nested inside it (such as the <tr> and <td> tags).
-
Tag
Description
<table>
Defines a table
<th>
Defines a header cell in a table
<tr>
Defines a row in a table
<td>
Defines a cell in a table
Example
<
table>
<tr>
<th>Месяц</th>
<th>Экономия</th>
</tr>
<tr>
<td>Январь</td>
<td>1000 тг.</td>
</tr>
</table>
The <TABLE> tag has attributes:
Attribute |
Value |
Description |
align |
left center right |
Specifies the alignment of a table according to surrounding text |
valign |
top middle bottom baseline |
Vertical aligns the content in a table row |
bgcolor |
rgb(x,x,x) #xxxxxx colorname |
Specifies the background color for a table |
border |
1 "" |
Specifies the table borders |
cellpadding |
pixels |
Specifies the space between the cell wall and the cell content |
cellspacing |
pixels |
Specifies the space between cells |
width |
pixels % |
Specifies the width of a table |
The <TR> tag has attributes:
Attribute |
Value |
Description |
align |
left right center justify char |
Aligns the content in a header cell |
bgcolor |
rgb(x,x,x) #xxxxxx colorname |
Specifies the background color of a header cell |
valign |
top middle bottom baseline |
Vertical aligns the content in a header cell |
The <TH>, <TD> tags have attributes:
Attribute |
Value |
Description |
align |
left right center justify char |
Aligns the content in a header cell |
bgcolor |
rgb(x,x,x) #xxxxxx colorname |
Specifies the background color of a header cell |
colspan |
number |
Specifies the number of columns a header cell should span |
height |
pixels % |
Sets the height of a header cell |
rowspan |
number |
Specifies the number of rows a header cell should span |
valign |
top middle bottom baseline |
Vertical aligns the content in a header cell |
width |
pixels % |
Specifies the width of a header cell |
Example
<
table
bgcolor =yellow width=80% border=2 bordercolor=green align =center
cellspacing=5 cellpadding=8>
<tr>
<th width =30%>Имя</th>
<th width =50%>Фамилия</th>
<th width =*>Очки</th>
</tr>
<tr valign=bottom>
<td>Ева</td>
<td>Джексон</td>
<td>94</td>
</tr>
<tr align=center bgcolor=red>
<td><font color=white>Джейн</font></td>
<td><font color=white>Янсон</font></td>
<td><font color=white>84</font></td>
</tr>
<tr>
<td colspan="2"><font color=blue>среднее значение</font></td>
<td><font color=blue>89</font></td>
</tr>
</table>
