@Scriptslicious ]{$: HTML

<div class="bs-docs-pembukaan">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nGtLdODmqCZvVo4L9myfvdQOOFnhFW7wELeVfTWVGk6ram48CFkU6O_rHXQUW9m3yWPuud3Rukh-orDRaac5mRY1AQN9tSdDezGtdwZL05E0OAS8NdNKNJKl7KxObaatgTHiLLTGmAqW/s1600/doctype.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tag Tipe Dokumen HTML <!DOCTYPE>" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nGtLdODmqCZvVo4L9myfvdQOOFnhFW7wELeVfTWVGk6ram48CFkU6O_rHXQUW9m3yWPuud3Rukh-orDRaac5mRY1AQN9tSdDezGtdwZL05E0OAS8NdNKNJKl7KxObaatgTHiLLTGmAqW/s1600/doctype.png" title="Tag Tipe Dokumen HTML <!DOCTYPE>"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tag Tipe Dokumen HTML <!DOCTYPE></td></tr>
</tbody></table>
<br>
<div style="text-align: justify;">
Tag Tipe Dokumen digunakan untuk Mendefinisikan tipe dokumen HTML yang Kita buat. Tag Tipe Dokumen digunakan web browser untuk mengidentifikasi HTML versi berapa yang kita gunakan. Tag komentar ini tidak akan ditampilkan dalam web browser. Tag Tipe Dokumen diletakan pada baris paling atas atau baris pertama file HTML tepat sebelum pengetikan <code> <html></code>. Supaya lebih jelas, perhatikan contoh pengetikan Tag Tipe Dokumen di bawah ini:</div>
</div>

Tag Tipe Dokumen HTML <!DOCTYPE>

Tag Tipe Dokumen HTML <!DOCTYPE> Tag Tipe Dokumen digunakan untuk Mendefinisikan tipe dokumen HTML yang Kita buat. Tag Tipe Dok...

<div class="bs-docs-pembukaan">
<div class="image" style="left: 0px !important; padding: 0px; top: 0px !important;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPKByaJJRcu_xWU35bqv2nGseJafjtJOB7uqTEJIrDrJvIsZdind-ggk084jxO0bNAk_2rJbbJAwdGz18DSzNPJBZTP9e2r4cYdH3qfkajc8WxGi6qM9U6UP9c_zNkeTjd4k7X77Avuea/s1600/Gambar-lorem-ipsum.jpg" imageanchor="1" style="left: 0px !important; padding: 0px!important; top: 0px !important;"><img border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPKByaJJRcu_xWU35bqv2nGseJafjtJOB7uqTEJIrDrJvIsZdind-ggk084jxO0bNAk_2rJbbJAwdGz18DSzNPJBZTP9e2r4cYdH3qfkajc8WxGi6qM9U6UP9c_zNkeTjd4k7X77Avuea/s0/Gambar-lorem-ipsum.jpg" width="100%" /></a></div>
<br />
<b>Lorem Ipsum</b> adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
<br />
<div class="bs-docs-example">
<div align="center">
<a class="tomboldemo" href="#">Demo</a>   <a class="tomboldownload" href="#">Download</a>
</div>
</div>
</div>
<div class="bs-docs-Script">
<pre class="prettyprint linenums margintop20"><div id="Content">
<H1 id="judul"><span style="background-color: #cfe2f3;"><b>10 paragraf pertama Lorem ipsum</b></span></H1>
  <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Duis at faucibus mauris. Suspendisse potenti. Nullam quis eros urna. Aliquam porttitor commodo massa vel dictum. Nunc ante lacus,lacinia eget massa sit amet,lacinia pretium metus. Cras eleifend urna a venenatis accumsan. Nulla in nulla tortor. Nam a malesuada velit,hendrerit vehicula est.</p>
  <p>Etiam blandit quis ligula at condimentum. Duis hendrerit ligula in sem scelerisque,sit amet dictum ipsum porttitor. Nam elit quam,consequat vel massa nec,pharetra fermentum massa. Donec dictum fringilla nisi ut auctor. Sed vulputate in turpis eu tempor. Vivamus condimentum,nulla sit amet consectetur pulvinar,lacus mi semper lectus,in condimentum urna nibh ac mauris. Sed rutrum et nulla non accumsan.</p>
  <p>Morbi quis purus sollicitudin,iaculis nisi in,suscipit arcu. Cras mi libero,sagittis a enim vel,vulputate adipiscing lacus. Aenean in interdum sem,tincidunt semper erat. In bibendum tortor a euismod consequat. Proin placerat turpis tortor,vitae sagittis nibh egestas a. Sed feugiat vitae nisi ac eleifend. Proin libero quam,aliquam at tempus et,commodo vitae magna. Ut vitae volutpat lorem. Pellentesque rutrum purus at leo accumsan,in dictum risus ornare. Curabitur egestas ut sapien in facilisis. Suspendisse nibh ligula,ultricies id sem ac,tempus tristique turpis. Nulla at adipiscing erat. Donec faucibus varius dui,vitae hendrerit orci pellentesque ac. Suspendisse scelerisque mi nec ultrices volutpat.</p>
  <p>Pellentesque bibendum tortor lorem,eu auctor purus molestie in. Nullam ullamcorper,arcu sit amet malesuada rutrum,arcu lectus volutpat eros,in tincidunt orci eros sit amet orci. Pellentesque augue est,adipiscing vitae mauris quis,vestibulum tincidunt mauris. Praesent ut dui blandit,aliquet est sit amet,aliquet massa. Ut in lectus mauris. Phasellus vitae est odio. Suspendisse potenti. Sed eget tempor orci. Integer cursus,nisi ac auctor vestibulum,ipsum arcu vehicula sapien,eget tincidunt nibh elit non est. Aliquam eget ultricies mi.</p>
  <p>Donec non arcu sed ligula ultrices bibendum. Curabitur volutpat a lorem vitae scelerisque. Sed elementum neque ligula,quis feugiat turpis sodales ut. Suspendisse potenti. In congue mi sem,eu vehicula ante condimentum et. Sed tempor ligula at diam consequat,id sollicitudin leo cursus. Nullam cursus est sit amet eros suscipit,egestas porta urna imperdiet. Sed bibendum bibendum sapien. Nam non hendrerit justo,eu condimentum nunc.</p>
  <p>Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Integer fermentum erat elit,quis venenatis ante convallis ac. Donec in nisi ut elit vulputate ornare. Fusce non felis venenatis,rutrum orci ac,facilisis erat. Sed placerat felis eget dignissim imperdiet. Curabitur sed arcu sem. Maecenas tempus aliquet urna,vitae iaculis odio volutpat a. Quisque tempus,magna sed mattis commodo,lacus nisi viverra lectus,eget blandit nunc arcu a diam. Proin libero arcu,luctus id dolor at,convallis luctus neque. Mauris leo felis,sodales a sollicitudin et,volutpat sit amet ipsum. Integer rhoncus,libero eu auctor mattis,leo eros cursus nulla,sit amet bibendum diam nunc a diam.</p>
  <p>Praesent fermentum,odio non elementum dapibus,sapien augue pellentesque dui,vel commodo ipsum enim at felis. Quisque id accumsan nunc. Etiam luctus sit amet justo ut ullamcorper. Mauris vestibulum sem eu viverra interdum. Nulla eleifend aliquet augue. Aliquam suscipit lobortis placerat. Phasellus diam lacus,placerat at enim eget,aliquet bibendum erat. Nunc elementum pretium velit,id porttitor massa.</p>
  <p>Donec suscipit lectus ut velit placerat,id ornare quam facilisis. Morbi vitae consectetur purus. Sed malesuada,nisl sed sodales lacinia,quam libero sodales turpis,sed pulvinar sem ipsum vulputate felis. Ut tincidunt diam vel eros aliquam,ac ultrices tellus tristique. Duis quam nulla,pulvinar eget viverra suscipit,egestas non massa. Vivamus sed egestas lectus. Curabitur tellus eros,scelerisque non ante quis,gravida tincidunt justo. Nunc nec bibendum ante. Nulla feugiat imperdiet urna quis consectetur. Vivamus pharetra,mauris vitae scelerisque aliquam,velit turpis fringilla turpis,vitae molestie urna velit et odio. Donec a nunc sit amet justo elementum mattis sit amet eu leo. Quisque eu purus nec nunc posuere semper. Integer sit amet dui elit. Sed eros turpis,consequat auctor semper tristique,pretium non tellus. Pellentesque dapibus est et ante tincidunt,at auctor dolor pellentesque.</p>
  <p>Praesent tempus convallis interdum. Nunc rutrum pellentesque accumsan. Donec vel turpis turpis. Duis eget malesuada elit. Suspendisse laoreet imperdiet velit eget tincidunt. Morbi pellentesque dignissim velit ut varius. Vivamus in tincidunt elit. Vestibulum at nisi vel nunc vestibulum lobortis et non nisl. Integer sagittis hendrerit orci ut tempor. Integer aliquam leo mi,sed sagittis augue cursus in. Morbi orci lacus,pellentesque nec odio a,iaculis rhoncus enim.</p>
  <p>Nulla venenatis sapien vitae lorem lacinia posuere. Aliquam ut magna tempus,ullamcorper est eget,gravida orci. Aenean porta lacus nec molestie bibendum. Donec felis velit,tincidunt in ante vitae,pharetra sollicitudin erat. Nunc eros erat,vehicula a eros vel,gravida porta lacus. Aenean varius risus odio,nec fermentum orci dapibus sed. Proin est mauris,pretium nec dapibus eget,aliquam ultrices massa. Ut pellentesque sem non venenatis porta. Quisque at lorem blandit,condimentum arcu fermentum,faucibus lectus. Quisque in suscipit quam. Nulla quam est,dignissim sit amet libero ac,sagittis semper magna.</p>
</div>
</pre>
</div>