SyntaxHighlighter Kod Yazma Alanı Kodları

Sayfanızda yazacağınız html, css ve benzeri kodların kod yazma programlarında ki yazım kuralları ve her kodun kendine has renklerini görüntüleye bilmek için kod blokları alanlarına ihtiyacımız vardır. SyntaxHighlighter yardımıyla sayfamızda görüntülemek istediğimiz kodları alanlarına uygun olarak <pre class="brush: html">html</pre> örneğindeki gibi pre class içinde brush:html tanımlamasıyla sayfada görüntülemek istediğimiz html kodlarını düzenli bir html kod bloğu şeklinde göstermiş olacağız. SyntaxHighlighter link ve javascript tanımlamalarını yaptıktan sonra Html şeklinde bir tablo içinde SyntaxHighlighter kodlarını yazmaya çalışacağız. Sitenizde yayınlamayı düşünürseniz çalışıp yada çalışmadığını bildirirseniz sevinirim.

Uygulama Html Kodu

<link href='https://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='https://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script> 
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='https://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'https://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<pre class="brush: html">
   <div>
      <a href="https://www.bilgisayartechnology.com/"></a>
   </div>
</pre> 
<pre class="brush: css">
   <style>
      #kod 
      {
      width:100%;
      height:100%;
      background:blue;
      }
   </style>
</pre>