Ücretsiz Çevrimiçi Html Kodlayıcı

Input data

Browse

Output data

Bu araç hakkında

Bir dizeyi html kodlamak için çevrimiçi araç. Bu ücretsiz çevrimiçi html kodlayıcı yardımcı programını kullanarak metni html kodlu bir dizeye dönüştürün.

html kodlama aracının açıklaması

HTML karakter kodlayıcı, geçerli tüm karakterleri karşılık gelen HTML varlıklarına dönüştürür. Belirli karakterlerin HTML'de özel bir önemi vardır ve anlamlarını korumak için doğru HTML varlıklarına dönüştürülmelidir.

Html Kodlayıcı Örneği

Kodlamadan Önce:

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

Kodlayıcıdan Sonra

&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;

HTML'de ayrılmış varlıklar, semboller ve karakterler

Bu tablo, ilişkili karakterleri ve açıklamalarıyla ayrılmış HTML varlıklarının bir listesini gösterir.

Karakter	Varlık adı	Açıklama
"	"	tırnak işareti
'	'	kesme işareti
&	&	ve işareti
<	<	daha az
>	>	daha büyük
		kırılmaz alan
¡	¡	ters ünlem işareti
¢	¢	sent
£	£	pound
¤	& mevcut;	para birimi
¥	¥	yen
¦	¦	kırık dikey çubuk
§	&mezhep;	Bölüm
¨	¨	boşluk diyaerezi
©	&kopyala;	telif hakkı
ª	ª	kadınsı sıra göstergesi
«	«	açı tırnak işareti (solda)
¬	&Olumsuz;	olumsuzlama
	&utangaç;	yumuşak kısa çizgi
®	®	tescilli marka
¯	¯	boşluk makrosu
°	&derece;	derece
±	±	artı veya eksi
²	²	üst simge 2
³	³	üst simge 3
'	&akut;	akut boşluk
µ	&mikro;	mikro
¶	¶	paragraf
·	·	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
ò	ò	small o, grave accent
ó	ó	small o, acute accent
ô	ô	small o, circumflex accent
õ	õ	small o, tilde
ö	ö	small o, umlaut mark
ø	ø	small o, slash
ù	ù	small u, grave accent
ú	ú	small u, acute accent
û	û	small u, circumflex accent
ü	ü	small u, umlaut mark
ý	ý	small y, acute accent
þ	þ	small thorn, Icelandic
ÿ	ÿ	small y, umlaut mark