CodeGym/Java Course/рдореЙрдбреНрдпреВрд▓ 3/рдкрд╣рд▓рд╛ HTML рдЯреИрдЧ

рдкрд╣рд▓рд╛ HTML рдЯреИрдЧ

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

3.1 рдПрдЪрдЯреАрдПрдордПрд▓ рдЯреИрдЧ

рдпрджрд┐ рдЖрдк рдЗрд╕ рдкрд╛рда рдХреЛ рдкрдврд╝ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдорд╛рдирд╛ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдЖрдк рдЬрд╛рд╡рд╛ рдбреЗрд╡рд▓рдкрд░, рдпрд╛ рдлреБрд▓ рд╕реНрдЯреИрдХ рдЬрд╛рд╡рд╛ рдбреЗрд╡рд▓рдкрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдХрд╛рдо рдХрд░реЗрдВрдЧреЗред рдЖрдк рд╢рд╛рдпрдж рд╣реА HTML рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд▓рд┐рдЦреЗрдВрдЧреЗ, рд▓реЗрдХрд┐рди рдЖрдкрдХреЛ рдЙрдиреНрд╣реЗрдВ рдЕрдХреНрд╕рд░ рдкрдврд╝рдирд╛ рд╣реЛрдЧрд╛ ред рджреБрдирд┐рдпрд╛ рдЗрд╕реА рддрд░рд╣ рдХрд╛рдо рдХрд░рддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ HTML рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рдХреИрд╕реЗ рд╡реНрдпрд╡рд╕реНрдерд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рдХрд┐рд╕реА рднреА HTML рдбреЙрдХреНрдпреВрдореЗрдВрдЯ рдХреА рд╢реБрд░реБрдЖрдд рдХреНрдпрд╛ рд╣реЛрддреА рд╣реИ? рдкреНрд░рддреНрдпреЗрдХ HTML рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдПрдХ рд╕рдВрд░рдЪрдирд╛ рд╣реЛрддреА рд╣реИ рдЬрд┐рд╕рдореЗрдВ рддреАрди рдиреЗрд╕реНрдЯреЗрдб рдЯреИрдЧ рд╣реЛрддреЗ рд╣реИрдВ : htmlрдФрд░ headред bodyрдпрд╣ рдорд╛рдирдХ рдЙрджрд╛рд╣рд░рдг рд╣реИ:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

рдмреНрд░рд╛рдЙрдЬрд░ рдЬреЛ рдХреБрдЫ рднреА рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИ рд╡рд╣ рдПрдХ рдЬреЛрдбрд╝реА рдЯреИрдЧ body(рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдмреЙрдбреА) рдХреЗ рдЕрдВрджрд░ рд╣реЛрддрд╛ рд╣реИред рдЯреИрдЧ рдХреЗ рдЕрдВрджрд░ headрдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд▓рд┐рдП рд╕реЗрд╡рд╛ / рд╕рд╣рд╛рдпрдХ рдЬрд╛рдирдХрд╛рд░реА рд╡рд╛рд▓реЗ рдЯреИрдЧ рд╣реЛрддреЗ рд╣реИрдВред

рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреА рд╢реБрд░реБрдЖрдд рдореЗрдВ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкреНрд░рдХрд╛рд░ рд▓рд┐рдЦрдирд╛ рднреА рдкреНрд░рдерд╛рдЧрдд (рд╡реИрдХрд▓реНрдкрд┐рдХ) рд╣реИ - DOCTYPEрддрд╛рдХрд┐ рдкрд╛рд░реНрд╕рд░ рдмреЗрд╣рддрд░ рдврдВрдЧ рд╕реЗ рд╕рдордЭ рд╕рдХреЗ рдХрд┐ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреА рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХреИрд╕реЗ рдХреА рдЬрд╛рдПред рдХрдИ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЯреВрдЯреЗ рд╣реБрдП рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИрдВред

рдпрд╛, рдЗрд╕рдХреЗ рд╡рд┐рдкрд░реАрдд XHTML = XML+HTML, рдПрдХ рдорд╛рдирдХ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕рд╛рдорд╛рдиреНрдп рд╕реЗ рдЕрдзрд┐рдХ рдХрдбрд╝реЗ рдирд┐рдпрдо рд╣реИрдВ HTMLред рд▓реЗрдХрд┐рди рдРрд╕реА рдЬрд╛рдирдХрд╛рд░реА рдЖрдкрдХреЗ рд▓рд┐рдП рддрдм рдЙрдкрдпреЛрдЧреА рд╣реЛрдЧреА рдЬрдм рдЖрдк рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд▓рд┐рдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд░реЗрдВрдЧреЗ, рдпрд╛ рдХрдо рд╕реЗ рдХрдо рдЕрдкрдирд╛ HTML-parser.

3.2 рд╣реЗрдб рдЯреИрдЧ

рдЯреИрдЧ рдХреЗ рдЕрдВрджрд░, headрдЖрдорддреМрд░ рдкрд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдЯреИрдЧ рд╕реНрдерд┐рдд рд╣реЛрддреЗ рд╣реИрдВ: title, meta, style, ...

рдЯреИрдЧ <title> рдЙрд╕ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХрд╛ рдирд╛рдо рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЯреИрдм рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрддрд╛ рд╣реИред

рдЯреИрдЧ рдХрд╛ <meta>рдЙрдкрдпреЛрдЧ рд╡рд┐рднрд┐рдиреНрди рд╕реЗрд╡рд╛ рд╕реВрдЪрдирд╛рдУрдВ рдХреЛ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЖрдк HTML рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЗ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдХреЛ рд╕рдордЭрдиреЗ рдореЗрдВ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреА рд╕рд╣рд╛рдпрддрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдпрджрд┐ рдЖрдкрдХреЛ рдпрд╛рдж рд╣реЛ рддреЛ рдЗрд╕рдореЗрдВ рд╕рд╛рджрд╛ рдкрд╛рда рд╣реЛрддрд╛ рд╣реИ)ред

<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>

    </body>
</html>

3.3 рд╢рд░реАрд░, рдкреА, рдмреА рдЯреИрдЧ

рдЯреИрдЧ <body>рдореЗрдВ рд╕рднреА html рдЯреЗрдХреНрд╕реНрдЯ рд╣реЛрддреЗ рд╣реИрдВ рдЬреЛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рджреНрд╡рд╛рд░рд╛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдП рдЬрд╛рдПрдВрдЧреЗред рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рд╕рд░рд▓ рдЯреИрдЧ рд╣реИрдВ: <h1>, <p>, <b>,<br>

<h1>- рдпрд╣ рдПрдХ рдЬреЛрдбрд╝реА рдЯреИрдЧ рд╣реИ, рдпрд╣ рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдкреГрд╖реНрда/рд▓реЗрдЦ рдХрд╛ рд╢реАрд░реНрд╖рдХ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИред рдпрджрд┐ рдЖрдкрдХрд╛ рд▓реЗрдЦ рд▓рдВрдмрд╛ рд╣реИ рдФрд░ рдЖрдкрдХреЛ рдЙрдкрд╢реАрд░реНрд╖рдХ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рдЖрдк рдЗрд╕ рдорд╛рдорд▓реЗ рдХреЗ рд▓рд┐рдП рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ <h2>, <h3>рдФрд░ рдЗрд╕реА рддрд░рд╣ рдЬрдм рддрдХ<h6>

рдЙрджрд╛рд╣рд░рдг:

<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

<p>рдЕрдЧрд░ рдЖрдкрдХрд╛ рдЖрд░реНрдЯрд┐рдХрд▓ рдмрдбрд╝рд╛ рд╣реИ рдФрд░ рдЖрдк рдЙрд╕реЗ рдкреИрд░рд╛рдЧреНрд░рд╛рдл рдореЗрдВ рдмрд╛рдВрдЯ рдХрд░ рдкрдврд╝рдиреЗ рдореЗрдВ рдЖрд╕рд╛рди рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдЗрд╕рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рдкреЗрдпрд░ рдЯреИрдЧ (рдкреИрд░рд╛рдЧреНрд░рд╛рдл рд╢рдмреНрдж рд╕реЗ) рдХреА рдЬрд░реВрд░рдд рд╣реЛрдЧреАред рдмрд╕ рдкрд╛рда рдХреЛ рдЯреИрдЧ рдореЗрдВ рд▓рдкреЗрдЯреЗрдВ <p>рдФрд░ </p>рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЗрд╕реЗ рдПрдХ рдЕрд▓рдЧ рдкреИрд░рд╛рдЧреНрд░рд╛рдл рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗрдЧрд╛ред

рдзреНрдпрд╛рди! рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЖрдкрдХреЗ рдЯреЗрдХреНрд╕реНрдЯ рдореЗрдВ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдФрд░/рдпрд╛ рдЕрддрд┐рд░рд┐рдХреНрдд рд░рд┐рдХреНрддрд┐рдпреЛрдВ рдХреЛ рдЕрдирджреЗрдЦрд╛ рдХрд░ рджреЗрдЧрд╛ред рдпрджрд┐ рдЖрдк рдПрдХ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЯреЗрдХреНрд╕реНрдЯ рдореЗрдВ рдПрдХ рдЯреИрдЧ ( br<br> eak рд▓рд╛рдЗрди рд╕реЗ ) рдбрд╛рд▓реЗрдВред

рдЦреИрд░, рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ рдмреЛрд▓реНрдб рдореЗрдВ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЕрдЧрд░ рдЖрдк рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ рдмреЛрд▓реНрдб рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЗрд╕реЗ рдЯреИрдЧреНрд╕ рдореЗрдВ рд▓рдкреЗрдЯреЗрдВ <b> </b>( рдмреА рдкреБрд░рд╛рдиреЗ рд╕реЗ)ред

рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ
  • рд▓реЛрдХрдкреНрд░рд┐рдп
  • рдирдпрд╛
  • рдкреБрд░рд╛рдирд╛
рдЯрд┐рдкреНрдкрдгреА рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рд╕рд╛рдЗрди рдЗрди рдХрд░рдирд╛ рд╣реЛрдЧрд╛
рдЗрд╕ рдкреЗрдЬ рдкрд░ рдЕрднреА рддрдХ рдХреЛрдИ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рдирд╣реАрдВ рд╣реИрдВ