HTML рдореЗрдВ рдЯреИрдЧ

рдЙрдкрд▓рдмреНрдз

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ред рдХрдИ рдЧреБрдг рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВред

рд▓реЗрдХрд┐рди рдПрдХ рдЕрдиреБрднрд╡реА рдкреНрд░реЛрдЧреНрд░рд╛рдорд░ рддреБрд░рдВрдд рд╕рд╡рд╛рд▓ рдкреВрдЫреЗрдЧрд╛: рдпрджрд┐ рдЖрдкрдХреЛ рд╡рд┐рд╢реЗрд╖рддрд╛ рдорд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рд╡рд░реНрдгреЛрдВ ┬л<┬╗рдпрд╛ ┬л>┬╗рдЙрджреНрдзрд░рдгреЛрдВ рд╡рд╛рд▓реЗ рдкрд╛рда рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддреЛ рдХреНрдпрд╛ рдХрд░реЗрдВ?

рдкреНрд░рддреАрдХ рдирд╛рдо рдкреНрд░рддреАрдХ рдПрдЪрдЯреАрдПрдордПрд▓ рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐
рджреЛрд╣рд░рд╛ рдЙрджреНрдзрд░рдг рдЪрд┐рд╣реНрди " "
рдПрдореНрдкрд╕реЗрдВрдб рдФрд░ рдФрд░
рдкреНрд░рддреАрдХ рд╕реЗ рдХрдо < <
рдЕрдзрд┐рдХ рдкреНрд░рддреАрдХ > >
рдЕрдВрддрд░рд┐рдХреНрд╖  
рдПрдХрд▓ рдмреЛрд▓реА ' '
рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ
  • рд▓реЛрдХрдкреНрд░рд┐рдп
  • рдирдпрд╛
  • рдкреБрд░рд╛рдирд╛
рдЯрд┐рдкреНрдкрдгреА рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рд╕рд╛рдЗрди рдЗрди рдХрд░рдирд╛ рд╣реЛрдЧрд╛
рдЗрд╕ рдкреЗрдЬ рдкрд░ рдЕрднреА рддрдХ рдХреЛрдИ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рдирд╣реАрдВ рд╣реИрдВ