HTML рдореЗрдВ “рд▓рд┐рд╕реНрдЯ” (List) рдХрд╛ рдорддрд▓рдм рдПрдХ рдЕрдиреБрдХреНрд░рдорд┐рдд рдпрд╛ рдЕрдиреБрдХреНрд░рдорд╣реАрди (ordered or unordered) рд╡рд╕реНрддреБрдУрдВ рдХрд╛ рд╕рдореВрд╣ рд╣реЛрддрд╛ рд╣реИред рдпрд╣ рдЯреИрдЧреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╣рдо рдХрд┐рд╕реА рднреА рдЬрд╛рдирдХрд╛рд░реА рдХреЛ рд╕реВрдЪреА рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреИрд╕реЗ рдХрд┐ рдмреБрд▓реЗрдЯ рдкреЙрдЗрдВрдЯреНрд╕, рдирдВрдмрд░рд┐рдВрдЧ, рдпрд╛ рдЕрдиреНрдп рдкреНрд░рдХрд╛рд░ рдХреА рд╕реВрдЪрд┐рдпрд╛рдБред HTML рдореЗрдВ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рддреАрди рдкреНрд░рдХрд╛рд░ рдХреА рд╕реВрдЪрд┐рдпрд╛рдБ рд╣реЛрддреА рд╣реИрдВ:
1. рдЕрдиреБрдХреНрд░рдорд╣реАрди рд╕реВрдЪреА (Unordered List)
рдпрд╣ рд╕реВрдЪреА рдХрд┐рд╕реА рд╡рд┐рд╢реЗрд╖ рдХреНрд░рдо рдореЗрдВ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИред рдЗрд╕рдореЗрдВ рд╣рд░ рдЖрдЗрдЯрдо рдХреЛ рдмреБрд▓реЗрдЯ рдкреЙрдЗрдВрдЯреНрд╕ рдХреЗ рд░реВрдк рдореЗрдВ рджрд░реНрд╢рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>рдЕрдиреБрдХреНрд░рдорд╣реАрди рд╕реВрдЪреА рдЙрджрд╛рд╣рд░рдг</title>
</head>
<body>
<h2>рдореЗрд░реЗ рдкрд╕рдВрджреАрджрд╛ рдлрд▓</h2>
<ul>
<li>рд╕реЗрдм</li>
<li>рдХреЗрд▓рд╛</li>
<li>рдЖрдо</li>
</ul>
</body>
</html>
<ul>
(unordered list) рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕реВрдЪреА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред<li>
(list item) рдЯреИрдЧ рд╕реВрдЪреА рдХреЗ рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдЯрдо рдХреЛ рджрд░реНрд╢рд╛рддрд╛ рд╣реИред
рдЖрдЙрдЯрдкреБрдЯ:
- рд╕реЗрдм
- рдХреЗрд▓рд╛
- рдЖрдо
2. рдЕрдиреБрдХреНрд░рдорд┐рдд рд╕реВрдЪреА (Ordered List)
рдпрд╣ рд╕реВрдЪреА рдПрдХ рдХреНрд░рдо рдореЗрдВ рд╣реЛрддреА рд╣реИ, рдпрд╛рдиреА рдЗрд╕рдХреЗ рдЖрдЗрдЯрдореНрд╕ рдХреЛ рдирдВрдмрд░ рдпрд╛ рдЕрдВрдХреЛрдВ рдХреЗ рд╕рд╛рде рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>рдЕрдиреБрдХреНрд░рдорд┐рдд рд╕реВрдЪреА рдЙрджрд╛рд╣рд░рдг</title>
</head>
<body>
<h2>рдореЗрд░реЗ рдкрд╕рдВрджреАрджрд╛ рдЦреЗрд▓</h2>
<ol>
<li>рдлреБрдЯрдмреЙрд▓</li>
<li>рдХреНрд░рд┐рдХреЗрдЯ</li>
<li>рдмреИрдбрдорд┐рдВрдЯрди</li>
</ol>
</body>
</html>
<ol>
(ordered list) рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЕрдиреБрдХреНрд░рдорд┐рдд рд╕реВрдЪреА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред<li>
(list item) рдЯреИрдЧ рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдЯрдо рдХреЛ рджрд░реНрд╢рд╛рддрд╛ рд╣реИред
рдЖрдЙрдЯрдкреБрдЯ:
- рдлреБрдЯрдмреЙрд▓
- рдХреНрд░рд┐рдХреЗрдЯ
- рдмреИрдбрдорд┐рдВрдЯрди
3. рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди рд╕реВрдЪреА (Description List)
рдпрд╣ рд╕реВрдЪреА рдХрд┐рд╕реА рд╡рд╕реНрддреБ рдФрд░ рдЙрд╕рдХреЗ рд╡рд┐рд╡рд░рдг рдХреЛ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╣реЛрддреА рд╣реИред рдЗрд╕рдореЗрдВ, рд╣рд░ рдЖрдЗрдЯрдо рдХрд╛ рдПрдХ рд╢реАрд░реНрд╖рдХ рдФрд░ рдЙрд╕рдХрд╛ рд╡рд┐рд╡рд░рдг рд╣реЛрддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди рд╕реВрдЪреА рдЙрджрд╛рд╣рд░рдг</title>
</head>
<body>
<h2>рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░ рдХреЗ рд╡рд╛рд╣рди</h2>
<dl>
<dt>рдХрд╛рд░</dt>
<dd>рдпрд╣ рдЪрд╛рд░ рдкрд╣рд┐рдпреЛрдВ рд╡рд╛рд▓рд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рд▓реЛрдЧреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд╛рди рд╕реЗ рджреВрд╕рд░реЗ рд╕реНрдерд╛рди рдкрд░ рд▓реЗ рдЬрд╛рддрд╛ рд╣реИред</dd>
<dt>рдмрд╕</dt>
<dd>рдпрд╣ рдПрдХ рдмрдбрд╝реЗ рдЖрдХрд╛рд░ рдХрд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рдЕрдзрд┐рдХ рд▓реЛрдЧреЛрдВ рдХреЛ рдПрдХ рд╕рд╛рде рдпрд╛рддреНрд░рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред</dd>
<dt>рд╕рд╛рдЗрдХрд┐рд▓</dt>
<dd>рдпрд╣ рдПрдХ рджреЛ рдкрд╣рд┐рдпреЛрдВ рд╡рд╛рд▓рд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рдкреИрдбрд▓ рджреНрд╡рд╛рд░рд╛ рдЪрд▓рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред</dd>
</dl>
</body>
</html>
<dl>
(description list) рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди рд╕реВрдЪреА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред<dt>
(description term) рдЯреИрдЧ рд╕реВрдЪреА рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдЯрдо рдХрд╛ рдирд╛рдо рдпрд╛ рд╢реАрд░реНрд╖рдХ рджрд░реНрд╢рд╛рддрд╛ рд╣реИред<dd>
(description definition) рдЯреИрдЧ рдЙрд╕ рдЖрдЗрдЯрдо рдХрд╛ рд╡рд┐рд╡рд░рдг рджреЗрддрд╛ рд╣реИред
рдЖрдЙрдЯрдкреБрдЯ:
- рдХрд╛рд░: рдпрд╣ рдЪрд╛рд░ рдкрд╣рд┐рдпреЛрдВ рд╡рд╛рд▓рд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рд▓реЛрдЧреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд╛рди рд╕реЗ рджреВрд╕рд░реЗ рд╕реНрдерд╛рди рдкрд░ рд▓реЗ рдЬрд╛рддрд╛ рд╣реИред
- рдмрд╕: рдпрд╣ рдПрдХ рдмрдбрд╝реЗ рдЖрдХрд╛рд░ рдХрд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рдЕрдзрд┐рдХ рд▓реЛрдЧреЛрдВ рдХреЛ рдПрдХ рд╕рд╛рде рдпрд╛рддреНрд░рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
- рд╕рд╛рдЗрдХрд┐рд▓: рдпрд╣ рдПрдХ рджреЛ рдкрд╣рд┐рдпреЛрдВ рд╡рд╛рд▓рд╛ рд╡рд╛рд╣рди рд╣реИ рдЬреЛ рдкреИрдбрд▓ рджреНрд╡рд╛рд░рд╛ рдЪрд▓рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ:
- рдЕрдиреБрдХреНрд░рдорд╣реАрди рд╕реВрдЪреА (Unordered List): рдмреБрд▓реЗрдЯ рдкреЙрдЗрдВрдЯреНрд╕ рдХреЗ рд╕рд╛рде рдЖрдЗрдЯрдореНрд╕ рджрд┐рдЦрд╛рддрд╛ рд╣реИред (
<ul>
,<li>
) - рдЕрдиреБрдХреНрд░рдорд┐рдд рд╕реВрдЪреА (Ordered List): рдЖрдЗрдЯрдореНрд╕ рдХреЛ рдирдВрдмрд░ рдпрд╛ рдХреНрд░рдо рдореЗрдВ рджрд┐рдЦрд╛рддрд╛ рд╣реИред (
<ol>
,<li>
) - рдбрд┐рд╕реНрдХреНрд░рд┐рдкреНрд╢рди рд╕реВрдЪреА (Description List): рдЖрдЗрдЯрдо рдФрд░ рдЙрдирдХреЗ рд╡рд┐рд╡рд░рдг рдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реИред (
<dl>
,<dt>
,<dd>
)
рдЗрди рд╕реВрдЪрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ HTML рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░ рдХреА рдЬрд╛рдирдХрд╛рд░реА рдХреЛ рд╡реНрдпрд╡рд╕реНрдерд┐рдд рддрд░реАрдХреЗ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
Speak Your Mind