2015
681.3.06
434
.. HTML CSS Aptana Studio 3.: . [] / .. , .. , : . . . . ., 2015.
HTML CSS , . , , .
.., .., 2015
, 2015
, Web- HTML, , CSS.
, HTML . CSS. Web- , .. , , Content Management System ( ) , . () HTML- , web- CSS.
1.
1. HTML CSS
Aptana Studio 3, trl+E . .. , ( ) trl+E.
1. HTML
HTML , (Tag - . ""), . , , , "/", .
HTML- . , HTML .
, HTML 4.01 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML:
<!DOCTYPE html>
HTML HTML 5 ( Aptana Studio 3 html:5 ctrl+E). , HTML.
|
|
HTML- .
<html> , , <head> <body>. , <html> .
<head> , . .
<body> - (), .
, , .
, <title> <head>. , :
<head>
<title> HTML CSS</title>
</head>
HTML- , - . , .
HTML-, <head> :
<meta charset=" ">
utf-8.
. - , . HTML- :
<!-- -->
, . , , .
, <title> .
HTML CSS , ctrl + /.
2. HTML-
HTML- :
1. ( .txt).
2. *.html *.htm (, index.html).
3. Aptana Studio 3 html-.
.1. html:5 |
trl+ E (..). . (.2). .
.2. html- |
3.
html-, , . html- , , F5 ().
4. HTML
<body>.
4.1.
<p>, . , .
<p> </>
<>- </>- ( "/").
Aptana Studio 3, p (. ., .3) trl+E (.4). .
|
|
4.2.
. . .
align. <p>,<h1>..<h6>,<div>. align :
- left - ( );
- center - ;
- right - ;
- justify -
<p align="right"> .</p>
<p align="justify"> .</>
, , align Enter ( align) (.5).
.5. . |
, align, , right. r, , , r (.6). Enter .
4.3.
.6. align . |
. 6 <h1> <h6>. <h1> - ( ), <h6> - , ( ).
, . : <h1>, <h2> <h3>.
4.4.
. HTML , . , .
4.4.1
HTML <ul> (. unordered list). <li>.
<ul>
<li>1 </li>
<li>2 </li>
<li>3 </li>
</ul>
Aptana Studio 3 ul>li*3 trl+E.
:
1
2
3
type, HTML :
dis - , , ;
circle - ;
square - .
:
<ul>
<li type="il">1 <li>
<li type="disc">2 </li>
<li type="square">3 </li>
</ul>
:
o 1
2
3
4.4.2
HTML <ol> (. ordered list). , <li>.
<ol>
<li>1 </li>
<li>2 </li>
<li>3 </li>
</ol>
:
1. 1
2. 2
3. 3
. t, :
type ="1" - ( );
|
|
type ="a" - ;
type ="A" - ;
type ="i" - ;
type ="I" - .
start <1> , . value <li>.
:
<ol start="10">
<li>1 </li>
<li type="a" value="18">2 </li>
<li type="I" value="10">3 </li>
</ol>
:
10. 1
r. 2
X. 3
4.4.3
. , .
: , , <li> </li>, :
<ol>
<li>1
<ul>
<li>1 </li>
<li>2 </li>
</ul>
</li>
<li>2 </li>
</ol>
:
1. 1
o 1
o 2
2. 2
4.4.4
, , . :
<dl> ;
<dt> ;
<dd> .
<dt> <dd> <dl>.
:
<dl>
<dt></dt>
<dd></dd>
<dt> </dt>
<dd> </dd>
</dl>
4.5. strong b
HTML , , .
<strong> .
<b> .
, , , . , <strong>. <em> <i>. <em> .
, .
, <b> HTML5. , . .
4.6. em i
.
<em> , , .
<i> , , . , , .
, .
<i> HTML5. .
4.7. br hr
, . HTML <br />.
|
|
<hr /> , -.
4.8. mark
HTML5 <mark>, .
, , - , . <mark>.
<mark> .
4.9.
, , . <a>. href:
<a href="http://ssuwt.ru"></a>
URL, . : , , , , , . .
.
4.9.1
, . , https://htmlacademy.ru/courses:
https://
htmlacademy.ru ,
/courses
, . .
, : /courses.
, . , https://htmlacademy.ru /courses, : https://htmlacademy.ru/courses.
, .
4.9.2
, , /. :
courses/1
./courses
../../run/1
, : . ...
, , , , . . . , , CSS-.
4.9.3
. , .
#, . id, .
, , :
<a href="#glava1"> 1</a>
id glava1 . .
, .
4.9.4
, , title. :
<a title="" href="#">
, .
, -.
4.10.
, <img> src, . :
<img src="logo.png">
JPEG PNG.
4.10.1
, width height. :
<img width="100" src="..." />
100px. width px. , , px .
, 50 :
<img width="50%" src="..." />
.
, , .
|
|
, :
<img width="100" height="100" src="..." />
.
4.10.2
, . , , , .
alt. :
<img src="cat.png" alt="" />
4.10.3 -
, . <img> <a>. :
<a href="http://ssuwt.ru">
<img src="vuz.png" alt="" />
</a>
4.11.
: . . :
<table> ;
<tr> , (. "table row" - ),
<td> (. "table data cell" - );
<th> , (., "table header cell").
HTML . , .
, :
1 | |
65 | |
125 |
:
<table border="1">
<tr>
<th></th>
<th> 1 </th>
</tr>
<tr>
<td></td>
<td>65 </td>
</tr>
<tr>
<td></td>
<td>125 </td>
</tr>
</table>
Aptana Studio 3 :
3 , 2 , :
1. table>tr*3>td*2 (.7).
.7. Aptana Studio 3 , 3 2 . |
2.
.8. , 3 . |
Ctrl+E, (.8).
.. , <th>, <td> (.9), , th*2 (.10), Ctrl+E.
|
|
<table> border="1". , <table> , Aptana Studio 3 <table>.
border (.11) Enter ( border). border , .
1, . (.12).
, Ctrl+S. , .
|
|
4.11.1
, , , , , , . , . align valign :
align="left" ;
align="center" ;
align="right" ;
valign="top" ;
valign="middle" ;
valign="bottom" ;
4.11.2
:
rowspan = " " ;
colspan = " " ;
, , . 2, .. 2 . .
:
3 3 , , Aptana Studio 3 table>tr*3>td*3 (.13).
.13. Aptana Studio 3 , 3 3 . |
Ctrl+E. (.14).
|
: 1 , 5 3 .
colspan="2" 1, rowspan="3", align="center", 5, (.15).
.15. . |
2 .
.16. . |