2.1 рдЯреИрдЧ рдХрд╛ рдкрд░рд┐рдЪрдп
рдорд╛рд░реНрдХрдЕрдк рдЯреИрдЧ рдкрд░ рдЖрдзрд╛рд░рд┐рдд HTML-documents
рд╣реИ ред рдПрдХ рдЯреИрдЧ рдХреНрдпрд╛ рд╣реИ ?
70 рдХреЗ рджрд╢рдХ рдореЗрдВ рдЯреИрдЧ рдХрд╛ рдЖрд╡рд┐рд╖реНрдХрд╛рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ рддрд╛рдХрд┐ рд▓реЛрдЧ рдЗрди рджрд╕реНрддрд╛рд╡реЗрдЬреЛрдВ рдХреЛ рд╕рдВрд╕рд╛рдзрд┐рдд рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХрд╛рд░реНрдпрдХреНрд░рдореЛрдВ рдХреЗ рджрд╕реНрддрд╛рд╡реЗрдЬреЛрдВ рдореЗрдВ рд╕реЗрд╡рд╛ рдХреА рдЬрд╛рдирдХрд╛рд░реА рдЬреЛрдбрд╝ рд╕рдХреЗрдВред
Tag
- рдпрд╣ рдПрдХ рдХреБрдВрдЬреА (рдХрд╛рд░реНрдпрд╛рддреНрдордХ) рд╢рдмреНрдж рд╣реИ, рдЬреЛ рдЕрдХреНрд╕рд░ рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕реЗ рдХреЛрдг рдХреЛрд╖реНрдардХ (рдЕрдзрд┐рдХ рдФрд░ рдХрдо рд╡рд░реНрдг) рдореЗрдВ рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рдерд╛ рддрд╛рдХрд┐ рдкреНрд░реЛрдЧреНрд░рд╛рдо рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рдЯреИрдЧ рдФрд░ рд╕рд╛рдорд╛рдиреНрдп рд╢рдмреНрджреЛрдВ рдХреЛ рднреНрд░рдорд┐рдд рди рдХрд░реЗрдВред
рдЯреИрдЧ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рд╕реЗрд╡рд╛ рд╕реВрдЪрдирд╛рдПрдБ рднреА рд╣реЛ рд╕рдХрддреА рд╣реИрдВ рдЬреЛ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ рд╕рдВрд╕рд╛рдзрд┐рдд рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдкреНрд░реЛрдЧреНрд░рд╛рдо рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧреА рд╣реЛ рд╕рдХрддреА рд╣реИрдВред
рдПрдХ рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдЙрджрд╛рд╣рд░рдг рдкрд╛рда:
<a href="http://codegym.cc/about">
Link to something interesting
</a>
рдЗрд╕ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ, рд╣рдо рдЯреЗрдХреНрд╕реНрдЯ, "рдП" рдЯреИрдЧ, рд╕рд╛рде рд╣реА рд╕реЗрд╡рд╛ рдЬрд╛рдирдХрд╛рд░реА - рдЯреИрдЧ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рджреЗрдЦрддреЗ рд╣реИрдВред рдиреАрдЪреЗ рдЖрдк рдЙрдирдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдЬрд╛рдиреЗрдВрдЧреЗред
2.2 рдкреНрд░рдХрд╛рд░ рдХреЗ рдЯреИрдЧ: рдЦреЛрд▓рдирд╛, рдмрдВрдж рдХрд░рдирд╛, рдЦрд╛рд▓реА рдЯреИрдЧ
рдЯреИрдЧ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░ рдХреЗ рд╣реЛрддреЗ рд╣реИрдВред рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рд╡реЗ рд╕рд┐рдВрдЧрд▓ рдФрд░ рдбрдмрд▓ рд╣реИрдВред рд╕рдмрд╕реЗ рдЖрдо рдпреБрдЧреНрдорд┐рдд рдЯреИрдЧ рд╣реИрдВ ред рдФрд░ рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рд╢рд╛рдпрдж рдкрд╣рд▓реЗ рд╣реА рдЕрдиреБрдорд╛рди рд▓рдЧрд╛ рдЪреБрдХреЗ рд╣реИрдВ, рд╡реЗ рд╣рдореЗрд╢рд╛ рдЬреЛрдбрд╝реЗ рдореЗрдВ рдЬрд╛рддреЗ рд╣реИрдВред рдЙрдиреНрд╣реЗрдВ рдЙрджреНрдШрд╛рдЯрди рдФрд░ рд╕рдорд╛рдкрди рднреА рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИред
рдЙрджреНрдШрд╛рдЯрди рдЯреИрдЧ рддреНрд░рд┐рдХреЛрдг рдХреЛрд╖реНрдардХ рдореЗрдВ рд╕рд┐рд░реНрдл рдПрдХ рдХреАрд╡рд░реНрдб рд╣реИред рдЙрджрд╛рд╣рд░рдг:
<h1>
рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдУрдкрдирд┐рдВрдЧ рдЯреИрдЧ рдХреЗ рд╕рдорд╛рди рд╣реИ, рд▓реЗрдХрд┐рди рдХреАрд╡рд░реНрдб рдХреЗ рдкрд╣рд▓реЗ рд╕реНрд▓реИрд╢ рд╣реЛрддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг:
</h1>
рд╢реБрд░реБрдЖрддреА рдЯреИрдЧ рдореЗрдВ рд╕реЗрд╡рд╛ рдХреА рдЬрд╛рдирдХрд╛рд░реА - рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рд╣реЛ рд╕рдХрддреА рд╣реИрдВ, рд╕рдорд╛рдкрди рдЯреИрдЧ - рдирд╣реАрдВ ред рдкреНрд░рд╛рд░рдВрдн рдЯреИрдЧ рд╣рдореЗрд╢рд╛ рдПрдХ рдЬреЛрдбрд╝реА рдХрд╛ рдкрд╣рд▓рд╛ рд╣реЛрддрд╛ рд╣реИред рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдкрд╣рд▓реЗ рдЯреЗрдХреНрд╕реНрдЯ рдореЗрдВ рдФрд░ рдлрд┐рд░ рдУрдкрдирд┐рдВрдЧ рдЯреИрдЧ рдореЗрдВ рдирд╣реАрдВ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ HTML-document
рдорд╛рдиреНрдп рдирд╣реАрдВ рд╣реЛрдЧрд╛ред
рд╕рд┐рдВрдЧрд▓ рдЯреИрдЧ рдореЗрдВ рдХреНрд▓реЛрдЬрд┐рдВрдЧ рдЯреИрдЧ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдРрд╕реЗ рдЯреИрдЧ рдХреА рд╕реВрдЪреА рджреНрд╡рд╛рд░рд╛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ HTML-standard
ред рдРрд╕реЗ рдЯреИрдЧ рдХреЗ рдЙрджрд╛рд╣рд░рдг:
<br>
- рдкрдВрдХреНрддрд┐ рддреЛрдбрд╝рдирд╛;<img>
- рдЪрд┐рддреНрд░ред
рд╡реИрд╕реЗ, рдПрдХ рдпреБрдЧреНрдорд┐рдд рдЯреИрдЧ, рдЕрдЧрд░ рдЗрд╕рдореЗрдВ рдЬрд╛рдирдХрд╛рд░реА рдирд╣реАрдВ рд╣реИ, рддреЛ рдЗрд╕реЗ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд░реВрдк рдореЗрдВ рд▓рд┐рдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ ред рдЙрджрд╛рд╣рд░рдг:
<h1/>
рдпрд╣ рдПрдХ рдЕрдХреЗрд▓рд╛ рдЯреИрдЧ рдирд╣реАрдВ рд╣реИ, рдмрд▓реНрдХрд┐ рдПрдХ рдЦрд╛рд▓реА рдЬреЛрдбрд╝реА рдЯреИрдЧ рд╣реИред рдпрд╣ рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рдмрдВрдж рдФрд░ рдЦреБрд▓реЗ рдЯреИрдЧ рджреЛрдиреЛрдВ рдХреА рддрд░рд╣ рд╣реИред рдпрд╣ рдмрдВрдж рдЯреИрдЧ рд╕реЗ рдЕрд▓рдЧ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реНрд▓реИрд╢ рдЕрдВрдд рдореЗрдВ рд╣реИ (рджреВрд╕рд░реЗ рддреНрд░рд┐рдХреЛрдгреАрдп рдмреНрд░реИрдХреЗрдЯ рд╕реЗ рдкрд╣рд▓реЗ)ред
2.3 рдЯреИрдЧ рдЯреНрд░реА
рдФрд░ рдпреБрдЧреНрдорд┐рдд рдЯреИрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЬрд╛рдирдХрд╛рд░реАред рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдЙрдирдореЗрдВ рд╕реЗ рдХрдИ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдиреЗрд╕реНрдЯреЗрдб рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЗрд╕рдХрд╛ рдорддрд▓рдм рдХреНрдпрд╛ рд╣реИ? рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдХрд┐рд╕реА рднреА рдкрд╛рда рдХреЛ HTML-document
рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдлреНрд░реЗрдо (рд▓рдкреЗрдЯрд╛) рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рднрд▓реЗ рд╣реА рдЙрд╕рдореЗрдВ рдЕрдиреНрдп рдЯреИрдЧ рд╣реЛрдВред рдЙрджрд╛рд╣рд░рдг:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>
рдореЛрдЯреЗ рддреМрд░ рдкрд░, HTML рдкрд╛рда рдореЗрдВ рдЯреИрдЧ рдХрд╛ рдПрдХ рдХреНрд░рдо рд╣реЛ рд╕рдХрддрд╛ рд╣реИ:
<h1> <h2> </h2> </h1>
рд▓реЗрдХрд┐рди рдпрд╣ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛:
<h1> <h2> </h1> </h2>
рдпрджрд┐ рдкреНрд░рд╛рд░рдВрдн рдЯреИрдЧ <h2>
рдПрдХ <h1>
-рдЯреИрдЧ рдЬреЛрдбрд╝реА рдХреЗ рдЕрдВрджрд░ рд╣реИ, рддреЛ рдЗрд╕рдХрд╛ рдореЗрд▓ рдЦрд╛рдиреЗ рд╡рд╛рд▓рд╛ рдЕрдВрдд рдЯреИрдЧ рднреА -рдЯреИрдЧ рдЬреЛрдбрд╝реА </h2>
рдХреЗ рдЕрдВрджрд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП ред<h1>
рдЗрд╕ рдкреНрд░рдХрд╛рд░, рд╕рднреА рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдЯреИрдЧ рдПрдХ рдкреНрд░рдХрд╛рд░ рдХрд╛ рдЯреИрдЧ рдЯреНрд░реА рдмрдирд╛рддреЗ рд╣реИрдВ ред рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рд╢реАрд░реНрд╖-рд╕реНрддрд░реАрдп рдЯреИрдЧ рдЖрддрд╛ рд╣реИ рдЬреЛ рдкреВрд░реЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ рд▓рдкреЗрдЯрддрд╛ рд╣реИ, рдЬрд┐рд╕реЗ рдЖрдорддреМрд░ рдкрд░ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ <html>
, рдЗрд╕рдореЗрдВ рдЪрд╛рдЗрд▓реНрдб рдЯреИрдЧ рдЬреЛрдбрд╝реЗ рд╣реЛрддреЗ рд╣реИрдВ, рдЙрдирдХреЗ рдЕрдкрдиреЗ рд╣реЛрддреЗ рд╣реИрдВ, рдФрд░ рдЗрд╕реА рддрд░рд╣ред
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ, рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдПрдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ рд╕рдВрд╕рд╛рдзрд┐рдд рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдкреНрд░реЛрдЧреНрд░рд╛рдо рдЗрд╕реЗ рдареАрдХ рдЙрд╕реА рддрд░рд╣ рджреЗрдЦрддрд╛ рд╣реИ - рдЬреИрд╕реЗ рдЯреИрдЧ рдЯреНрд░реА рдХреЗ рдЕрдВрджрд░ рдХреБрдЫ рдкрд╛рда рдХреЗ рд╕рд╛рдеред
2.4 рдЧреБрдг
рдпрджрд┐ рд╣рдо рдПрдЯреНрд░рд┐рдмреНрдпреВрдЯреНрд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдЯреИрдЧреНрд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬрд╛рдирдХрд╛рд░реА рдкреВрд░реА рдирд╣реАрдВ рд╣реЛрдЧреАред рдЬреЛрдбрд╝реЗ рдЧрдП рдЯреИрдЧ рдХреЗ рдПрдХрд▓ рдЯреИрдЧ рдФрд░ рдкреНрд░рд╛рд░рдВрдн рдЯреИрдЧ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВ ред рдЗрди рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдореЗрдВ рдЯреИрдЧ рдХреА рд╕рд╛рдордЧреНрд░реА рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЙрдкрдпреЛрдЧреА рдЬрд╛рдирдХрд╛рд░реА рд╣реЛрддреА рд╣реИред
рдПрдХ рдЯреИрдЧ рдореЗрдВ рдХрдИ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рд╣реЛ рд╕рдХрддреА рд╣реИрдВ, рдФрд░ рдЙрдирдХреЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рд╛рдорд╛рдиреНрдп рд░реВрдк рд╣реИрдВ:
<tag name1="value1" name2="value2">
Name
рдкреНрд░рддреНрдпреЗрдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЛ рдФрд░ рдХреА рдЬреЛрдбрд╝реА рдХреЗ рд░реВрдк рдореЗрдВ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ meaning
ред рдХрдИ рдЧреБрдг рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВред
рд▓реЗрдХрд┐рди рдПрдХ рдЕрдиреБрднрд╡реА рдкреНрд░реЛрдЧреНрд░рд╛рдорд░ рддреБрд░рдВрдд рд╕рд╡рд╛рд▓ рдкреВрдЫреЗрдЧрд╛: рдпрджрд┐ рдЖрдкрдХреЛ рд╡рд┐рд╢реЗрд╖рддрд╛ рдорд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рд╡рд░реНрдгреЛрдВ ┬л<┬╗
рдпрд╛ ┬л>┬╗
рдЙрджреНрдзрд░рдгреЛрдВ рд╡рд╛рд▓реЗ рдкрд╛рда рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддреЛ рдХреНрдпрд╛ рдХрд░реЗрдВ?
рдкреНрд░рддреАрдХ рдирд╛рдо | рдкреНрд░рддреАрдХ | рдПрдЪрдЯреАрдПрдордПрд▓ рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐ |
---|---|---|
рджреЛрд╣рд░рд╛ рдЙрджреНрдзрд░рдг рдЪрд┐рд╣реНрди | " | " |
рдПрдореНрдкрд╕реЗрдВрдб | рдФрд░ | рдФрд░ |
рдкреНрд░рддреАрдХ рд╕реЗ рдХрдо | < | < |
рдЕрдзрд┐рдХ рдкреНрд░рддреАрдХ | > | > |
рдЕрдВрддрд░рд┐рдХреНрд╖ | ||
рдПрдХрд▓ рдмреЛрд▓реА | ' | ' |