Maelezo ya zana ya kusimbua html
Kisimbaji cha herufi za HTML hubadilisha herufi zote zinazotumika kuwa huluki zao zinazolingana za HTML. Vibambo fulani vina umuhimu maalum katika HTML na vinapaswa kubadilishwa hadi huluki zao sahihi za HTML ili kuhifadhi maana zao.
Mfano wa Kidhibiti cha Html
Kabla ya Kusimbua:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
Baada ya Kisimbuaji:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
Huluki, alama na herufi zilizohifadhiwa katika HTML
Jedwali hili linaonyesha orodha ya huluki za HTML zilizohifadhiwa na herufi na maelezo husika.
| Tabia | Jina la huluki | Maelezo |
|---|---|---|
| " | " | alama ya nukuu |
| ' | ' | apostrofi |
| & | & | ampersand |
| < | < | less-than |
| > | > | greater-than |
| | non-breaking space | |
| ¡ | ¡ | inverted exclamation mark |
| ¢ | ¢ | cent |
| £ | £ | pound |
| ¤ | ¤ | currency |
| ¥ | ¥ | yen |
| ¦ | ¦ | broken vertical bar |
| § | § | section |
| ¨ | ¨ | spacing diaeresis |
| © | © | copyright |
| ª | ª | feminine ordinal indicator |
| « | « | angle quotation mark (left) |
| ¬ | ¬ | negation |
| | ­ | soft hyphen |
| ® | ® | registered trademark |
| ¯ | ¯ | spacing macron |
| ° | ° | degree |
| ± | ± | plus-or-minus |
| ² | ² | superscript 2 |
| ³ | ³ | superscript 3 |
| ´ | ´ | spacing acute |
| µ | µ | micro |
| ¶ | ¶ | paragraph |
| · | · | middle dot |
| ¸ | ¸ | spacing cedilla |
| ¹ | ¹ | superscript 1 |
| º | º | masculine ordinal indicator |
| » | » | angle quotation mark (right) |
| ¼ | ¼ | fraction 1/4 |
| ½ | ½ | fraction 1/2 |
| ¾ | ¾ | fraction 3/4 |
| ¿ | ¿ | inverted question mark |
| × | × | multiplication |
| ÷ | ÷ | division |
| À | À | capital a, grave accent |
| Á | Á | capital a, acute accent |
| Â | Â | capital a, circumflex accent |
| Ã | Ã | capital a, tilde |
| Ä | Ä | capital a, umlaut mark |
| Å | Å | capital a, ring |
| Æ | Æ | capital ae |
| Ç | Ç | capital c, cedilla |
| È | È | capital e, grave accent |
| É | É | capital e, acute accent |
| Ê | Ê | capital e, circumflex accent |
| Ë | Ë | capital e, umlaut mark |
| Ì | Ì | capital i, grave accent |
| Í | Í | capital i, acute accent |
| Î | Î | capital i, circumflex accent |
| Ï | Ï | capital i, umlaut mark |
| Ð | Ð | capital eth, Icelandic |
| Ñ | Ñ | capital n, tilde |
| Ò | Ò | capital o, grave accent |
| Ó | Ó | capital o, acute accent |
| Ô | Ô | capital o, circumflex accent |
| Õ | Õ | capital o, tilde |
| Ö | Ö | capital o, umlaut mark |
| Ø | Ø | capital o, slash |
| Ù | Ù | capital u, grave accent |
| Ú | Ú | capital u, acute accent |
| Û | Û | capital u, circumflex accent |
| Ü | Ü | capital u, umlaut mark |
| Ý | Ý | capital y, acute accent |
| Þ | Þ | capital THORN, Icelandic |
| ß | ß | small sharp s, German |
| à | à | small a, grave accent |
| á | á | small a, acute accent |
| â | â | small a, circumflex accent |
| ã | ã | small a, tilde |
| ä | ä | small a, umlaut mark |
| å | å | small a, ring |
| æ | æ | small ae |
| ç | ç | small c, cedilla |
| è | è | small e, grave accent |
| é | é | small e, acute accent |
| ê | ê | small e, circumflex accent |
| ë | ë | small e, umlaut mark |
| ì | ì | small i, grave accent |
| í | í | small i, acute accent |
| î | î | small i, circumflex accent |
| ï | ï | small i, umlaut mark |
| ð | ð | small eth, Icelandic |
| ñ | ñ | small n, tilde |
| ò | ò | o ndogo, lafudhi ya kaburi |
| ó | & oacute; | o ndogo, lafudhi ya papo hapo |
| ô | ô | o ndogo, lafudhi ya mduara |
| õ | õ | ndogo o, tilde |
| ö | ö | o ndogo, alama ya umlaut |
| ø | ø | ndogo o, kufyeka |
| ù | ù | u ndogo, lafudhi ya kaburi |
| u | ú | u ndogo, lafudhi ya papo hapo |
| û | û | u ndogo, lafudhi ya circumflex |
| ü | ü | u ndogo, alama ya umlaut |
| ý | &ya kupendeza; | ndogo y, lafudhi ya papo hapo |
| þ | &mwiba; | mwiba mdogo, Kiaislandi |
| ÿ | ÿ | ndogo y, alama ya umlaut |
