HTML
(
???? ?????
?
??????
:
Hyper Text Markup Language
; ?
?????
:
?????? ???????? ???????? ??????????-???
[1]
)
??? ?????
?????? ??????
??? ???????
????? ?????? ?
?????
. ?? ??? ?????? ??????? ????? ?
???????
, ?????? ??? ?????? ????? ????? ????????. ???? ?????? ????? ???? ????? ?????, ??? ?????? ????? ???? ???? ??????.
HTML ?????? ????? ?? ?? ????, ??? ??? ???? ?????? ???? ???? ????? ?????. ??? ????? ?????? ?? ??? ?? ???? ?????, ??? ???? ??????
?????? ??????
????? ?????, ???? ????? ?????? ??? ???? ???????. HTML ?????? ????? ??????? ?????? HTML ?????? ?? ?????? ????? ?? ??????. ??? ??, ??? ????? ?
?????????
, ??? ?????? ????? ?????? ?????: ????, ????, ?????, ????? ????.HTML ?????
???
???? ?
???????
?????? ??????? ?? ??? ????? ????? ????????,
W3C
. ????? ??????? ?? ???? ???
HTML5
.
HTML ?? ????? ????? ??
???????
???, ????
JavaScript
, ???? ?????? ?? ??????? ??? ?????? ?????, ?????
??? ?????
?? ?????? ????? ????????????? ??? ???? ?????? ??.
????? HTML ?????? ??????? "
.htm
" ?-"
.html
".
- ??? ????? ?
XHTML
???? ????? ??? HTML 4.0 ?????? ????? ???????????? ?? ??W3C ?????
XML
?? HTML. ?? ?????
XHTML
. ??? ????? ????? ?????? ????? ???? ????? ??? ???? ????? ??????? ?? ???? HTML ?? ??? ??????
[
???? ????
]
.
- ??? ????? ?
HTML5
????
2004
?????? ???? ????? ??????? (
??????
,
?????
?
???
, ????? ??????
Safari
) ????? ????? ?????, ???
WHATWG
, ????? ?? ????? ???? ???????? ??? ?????? ????? ??????? ????????. ????? ?????? ???? ????? ?? ?????? ???? HTML ?????? ??? ?????
HTML5
. ????? ?????? ?????? ?????? ?? ????? ??????? ??????? ????? (????
????
?
?????????
). ???? ???? ???? ???? ("????? W3C") ????
2014
.
????? ????? ??? HTML5 ?????? ??????, ??? ????? ????? ????????? ????? ????? ???? ????. ?????? - ????? ????? DIV ?? ??? ????? ??????? ?? ??? ????? ?????? ???????? ?????? ?????? ????? ??????, ??????, ????,
?????
????. ???, ????? ???? ?? ?????? ?? ?????? ???????, ????
????? ?????
?? ????? ??? ????????, ????? ?? ????? ?????. HTML 4, ???????, ???? ?? ??? ???? ????? ????? ????? ?? ???????? ??? ??????. ?????, ????? ????? ???????? ????? ??????, ??? ????? ????? ?? ????? ??????? ???????? ?? ??? ????? ????? ?????????.
?????? ?? ?????? ???? ????? ??????, ??????? ??? ?????? ??????, ???? ???? ????? ?? ????? ?????.
???? ???? ?? ?????? ????? ??????:
- ????? ??????, ??????? ?? ????? ???? ?????, ??? ????? ??????? ?? ??? ??????, ????? ????????, ??????. ??????:
<h1>???? ??</h1>
?????? ???? ?????? - ??? ?? ???? "???? ??" ?????? ?????.
- ????? ?????, ??????? ????? ?? ????? ??? ???? ???? ?? ????? ????, ??? ???
????
, ???? ????,
???
, ???? ??????? ??????. ??????:
<b>?????</b>
????? ?????? ????? ???
?????
. ????? ???? ?? ???? ?????? ??????? ???????? ?? ??? HTML, ?????? ?????? ?-
CSS
??????.
- ???????
, ??????? ???? ?? ???, ?????? ????, ????? ?????. ??????:
<a href="http://he.wikipedia.org">????????</a>
???? ????? ???:
????????
.
- ????? ??????? ????? ????????? ?????, ????
??????
, ???? ??????. ??????:
<img src="a.png" />
???? ?? ?????? a.png ???? ?????.
- ????? ??????? ??????
?????
.
???? ???? ?-HTML ???? ????? ????? ?-
XML
, ????? ????? ????? ?????:
<name property="value" method>????</name>
????? ????? ???? ?
<>
??????? ????? ?? ????? (
name
??????), ??????? ?? ?????? ??????, ????? ????? ????? (?? ??), ???? ????? ???
< />
, ????? ????
/
???? ?? ?????.
????? ????? ???? ?????? ????, ???? ????? input,img,br - ?? ??? ???? ??????
</name>
, ?????? ??????? ?? ?????
/
???? ?????. ??????:
<br />
.
???? ???? ?? ??????? ???????, ????? ???? ???? ??? ???? ???? ????? ?????? ???????, ???? ??????:
- ?-
property
?????? ?????, ??? ??? ??? (? -
value
).
- ?-
method
??? ????? ????????, ????? ???? ????? ?? ??-?????.
???? ????? ???? ?????? ??? ?????, ????? ??????? ?????????? ??? ????.
- ??? ????? ?
Document Object Model
?????? ????? HTML ??????? ????? ?????? (??
??
) - ????? ???? ??? (head) ???? (body). ???? ???? HTML ????? ???? ??:
<
html
>
<
head
>
<
title
>
?????
</
title
>
</
head
>
<
body
>
???? ???
</
body
>
</
html
>
- ???? ?-
html
??? ????? ??????, ?????? ???? ???? ?-HTML.
- ???? ?-
head
??? ????? ?????? ?? ??? ?????. ????? ?? ?????? ?????? ?? ?-HTML, ????? ???? ?? ???, ????? ???, ??????? ????????.
- ???? ?-
body
??? ????? ?????? ?? ??? ?????. ????? ?? ???? ???? ?????.
????? ?????? ??????, ???? ?????? ?? ?????? (?????? ???? ??? ??????) ??????:
<strong>??? ???? ??????
<i>
</strong>
</i>
????? ????, ?????? ?????? ????:
<strong>
<i>???? ??????</i>
</strong>
.
[2]
??? ????, ??? ??????? ?????? ????? ????
DOCTYPE
?????? ???, ?? ??? ?????? ?? ???? ?-HTML ?? ???. ????? ????? ???:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
?????? ?? ??? ???? ??????? HTML 4.01.
???? HTML (Entity reference) ??? ???? ????? ????? ???? ????? ??"? ?? ????? ??????. ???? ?? ???? HTML ??? ???:
;name&
???? "name" ??? ?? ?????. ???? ?????? ????? ?? HTML 4 ????? ?? 252 ?????? HTML
[3]
.
??? ????? ????? ????, ?? ??HTML ???? ????? ???? ?????, ???????? ???? ?? ???? ?????? ????????, ?? ???? ??????? ?? ??????. ????? ??HTML ??????? ??????
<!--
????????? ??????
-->
.
??? HTML ?????? ???? ????? ???????? ?? ???
?????? ????? ????
, ???? ???? ????? ???? ?? ????? ??
???? ????
(?????
???? ???????
?? ?????
??????
). ???? ?? ?? ???
????? ???? ???????? ?????? ??? HTML
. ?? ?? ?????? ????? ?? HTML ????? ??? ???? ????? ??
???? ???????
? ?? ?????? ???? ??????? ?????? ????? ?? ????? ?? ????? ????? HTML ??? ?? ????? ????? ???? ?????? ????
WYSIWYG
?????? ????.
"????" (?????) ?? HTML ??? ??? ?????
SGML
?????? ?????? ?????? ?????????? ?????? ??????. ??? ??? ??? ???? ?????? ???????, ??? ?? ????? ?????? ?????? ?????? ?????. ?? ????? ??? ??? ??????? ???? ???? ???? ?????? ????? ????. ???? ?-SGML ???? ?????? ??????, ?????? ???? ????? ?????? ????? ?? HTML, ??????? ?? ????? ?????. HTML ????? ????? ?? ?????, ??????? ?
???????
???????. ?????? ????? ???? ????? ???, ??? ????? ??? ??? ???? ???? ????? ?? ???? ???.
- ???? ?????? ?????? ??????? - ?????? ??? ???
- ???? ?????? ?????? ??????? - ?????? "??? ???????"