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>
(āĻĒā§āĻ°āĻžāĻ¨ā§ āĻĨā§āĻā§ ) āĨ¤