Encoder HTML falas në internet

Input data

Browse

Output data

Rreth këtij mjeti

Mjet në internet për kodimin html të një vargu. Konvertoni tekstin në një varg të koduar html duke përdorur këtë mjet falas në internet të koduesit html.

Përshkrimi i mjetit të kodimit html

Enkoderi i karaktereve HTML konverton të gjitha karakteret e aplikueshme në entitetet e tyre përkatëse HTML. Disa karaktere kanë një rëndësi të veçantë në HTML dhe duhet të konvertohen në entitetet e tyre të sakta HTML për të ruajtur kuptimet e tyre.

Shembull i kodifikuesit HTML

Përpara kodimit:

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

Pas 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
ë	ë	e vogël, shenjë umlaut
ì	`	i vogël, theks i rëndë
í	í	i vogël, theks i mprehtë
î	ˆ	i vogël, theks circumflex
ï	ï	i vogël, shenjë umlaut
ð	ð	eth i vogël, islandisht
ñ	ñ	n i vogël, tildë
ò	ò	i vogël o, theks i rëndë
ó	&oakut;	o i vogël, theks i mprehtë
ô	ô	o i vogël, theks circumflex
õ	õ	i vogël o, tildë
ö	ö	o vogël, shenjë umlaut
ø	ø	i vogël o, i pjerrët
ù	`	i vogël u, theks i rëndë
ú	ú	i vogël u, theks i mprehtë
û	û	i vogël u, theks circumflex
ü	ü	i vogël u, shenjë umlaut
ý	ý	y i vogël, theks i mprehtë
þ	&gjemb;	gjemb i vogël, islandisht
ÿ	ÿ	y i vogël, shenjë umlaut