CodeGym/Java Course/āĻŽāĻĄāĻŋāĻ‰āĻ˛ 3/āĻĒā§āĻ°āĻĨāĻŽ HTML āĻŸā§āĻ¯āĻžāĻ—

āĻĒā§āĻ°āĻĨāĻŽ HTML āĻŸā§āĻ¯āĻžāĻ—

āĻŦāĻŋāĻĻā§āĻ¯āĻŽāĻžāĻ¨

3.1 html āĻŸā§āĻ¯āĻžāĻ—

āĻ†āĻĒāĻ¨āĻŋ āĻ¯āĻĻāĻŋ āĻāĻ‡ āĻ˛ā§‡āĻ–āĻžāĻŸāĻŋ āĻĒāĻĄāĻŧā§‡ āĻĨāĻžāĻ•ā§‡āĻ¨, āĻ¤āĻžāĻšāĻ˛ā§‡ āĻ§āĻ°ā§‡ āĻ¨ā§‡āĻ“āĻ¯āĻŧāĻž āĻšāĻ¯āĻŧ āĻ¯ā§‡ āĻ­āĻŦāĻŋāĻˇā§āĻ¯āĻ¤ā§‡ āĻ†āĻĒāĻ¨āĻŋ āĻāĻ•āĻœāĻ¨ āĻœāĻžāĻ­āĻž āĻĄā§‡āĻ­ā§‡āĻ˛āĻĒāĻžāĻ° āĻšāĻŋāĻ¸ā§‡āĻŦā§‡ āĻ•āĻžāĻœ āĻ•āĻ°āĻŦā§‡āĻ¨, āĻ­āĻžāĻ˛, āĻ…āĻĨāĻŦāĻž āĻāĻ•āĻŸāĻŋ āĻĢā§āĻ˛ āĻ¸ā§āĻŸā§āĻ¯āĻžāĻ• āĻœāĻžāĻ­āĻž āĻĄā§‡āĻ­ā§‡āĻ˛āĻĒāĻžāĻ° āĻšāĻŋāĻ¸ā§‡āĻŦā§‡āĨ¤ āĻ†āĻĒāĻ¨āĻŋ āĻ–ā§āĻŦ āĻ•āĻŽāĻ‡ 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>āĻ¸āĻŽāĻ¸ā§āĻ¤ āĻāĻ‡āĻšāĻŸāĻŋāĻāĻŽāĻāĻ˛ āĻĒāĻžāĻ ā§āĻ¯ āĻ°āĻ¯āĻŧā§‡āĻ›ā§‡ āĻ¯āĻž āĻŦā§āĻ°āĻžāĻ‰āĻœāĻžāĻ° āĻĻā§āĻŦāĻžāĻ°āĻž āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻŋāĻ¤ āĻšāĻŦā§‡āĨ¤ āĻāĻ•āĻŸāĻŋ āĻ¨āĻĨāĻŋ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¸āĻŦāĻšā§‡āĻ¯āĻŧā§‡ āĻ¸āĻšāĻœ āĻŸā§āĻ¯āĻžāĻ—āĻ—ā§āĻ˛āĻŋ āĻšāĻ˛: <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>(āĻĒā§āĻ°āĻžāĻ¨ā§‹ āĻĨā§‡āĻ•ā§‡ ) āĨ¤

āĻŽāĻ¨ā§āĻ¤āĻŦā§āĻ¯
  • āĻœāĻ¨āĻĒā§āĻ°āĻŋā§Ÿ
  • āĻ¨āĻ¤ā§āĻ¨
  • āĻĒā§āĻ°āĻžāĻ¨ā§‹
āĻŽāĻ¨ā§āĻ¤āĻŦā§āĻ¯ āĻ˛ā§‡āĻ–āĻžāĻ° āĻœāĻ¨ā§āĻ¯ āĻ¤ā§‹āĻŽāĻžāĻ•ā§‡ āĻ…āĻŦāĻļā§āĻ¯āĻ‡ āĻ¸āĻžāĻ‡āĻ¨ āĻ‡āĻ¨ āĻ•āĻ°āĻ¤ā§‡ āĻšāĻŦā§‡
āĻāĻ‡ āĻĒāĻžāĻ¤āĻžā§Ÿ āĻāĻ–āĻ¨āĻ“ āĻ•ā§‹āĻ¨ā§‹ āĻŽāĻ¨ā§āĻ¤āĻŦā§āĻ¯ āĻ¨ā§‡āĻ‡