Encoder na Html kyauta

Input data

Browse

Output data

Game da wannan kayan aiki

Kayan aiki na kan layi don html rufaffen kirtani. Maida rubutu zuwa kirtani mai rufaffiyar html ta amfani da wannan kayan aikin html na kan layi kyauta.

Bayanin kayan aikin ɓoye html

Mai rikodin haruffa HTML yana canza duk haruffan da suka dace zuwa abubuwan HTML ɗin su. Wasu haruffa suna da mahimmanci na musamman a cikin HTML kuma yakamata a canza su zuwa daidaitattun mahaɗan HTML don adana ma'anarsu.

Html Encoder Misali

Kafin Encode:

<!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>

Bayan Encoder

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;Bootstrap Example&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;nav class="navbar navbar-expand-sm bg-light"&gt;
  &lt;ul class="navbar-nav"&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 1&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 2&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 3&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/nav&gt;
&lt;br&gt;

&lt;div class="container-fluid"&gt;
  &lt;h3&gt;Basic Navbar Example&lt;/h3&gt;
  &lt;p&gt;A navigation bar is a navigation header that is placed at the top of the page.&lt;/p&gt;
  &lt;p&gt;The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).&lt;/p&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

Reserved entities, symbols and characters in HTML

This table shows a list of reserved HTML entities with their associated character and description.

Character	Entity name	Description
"	"	quotation mark
'	'	apostrophe
&	&	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
ë	& euml;	ƙarami e, alamar umlaut
i	ì	ƙaramin i, ƙaƙƙarfan lafazi
i	í	karami i, m lafazi
î	î	karami i, lafazin dawafi
ï	ï	ƙaramin i, alamar umlaut
ɗ	ð	kananan eth, Icelandic
ñ	ñ	karami n, tilde
o	& kabari;	ƙarami o, lafazin kabari
ya	& oacute;	ƙarami o, m lafazi
ku	ô	ƙarami o, lafazin dawafi
zo	& otilde;	karami o, tilde
ku	¨	ƙarami o, alamar umlaut
ø	ø	karami o, yanka
ku	ù	ƙaramin u, ƙaƙƙarfan lafazi
ku	& uacute;	ƙaramin u, m lafazi
ku	& ucirc;	ƙarami u, lafazin dawafi
ü	& uuml;	ƙaramin u, alamar umlaut
yi	ý	ƙarami y, m lafazi
þ	& ƙaya;	ƙananan ƙaya, Icelandic
da	& yuml;	ƙarami y, alamar umlaut