@Scriptslicious ]{$

Pengenalan HTML

<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/AVvXsEhIRSGjTiFtAEbpNbBYsnQpOpCO9GwNAO1BAQlZnAQ55yLCxegiH93cEf5lKWz11o_sQyQy3WT1b97DYuJltTec_n_NYYZWCcVzE_LoEjtl_qdnrqVfPOTUiyztaW5SR-JPgltDoQKJwOvv/s1600/pengenalan-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="pengenalan html" border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRSGjTiFtAEbpNbBYsnQpOpCO9GwNAO1BAQlZnAQ55yLCxegiH93cEf5lKWz11o_sQyQy3WT1b97DYuJltTec_n_NYYZWCcVzE_LoEjtl_qdnrqVfPOTUiyztaW5SR-JPgltDoQKJwOvv/s1600/pengenalan-html.png" title="pengenalan html" width="740"></a></div>
<br>
  <b>Apa Itu HTML???</b> Secara singkat, HTML dapat didefinisikan sebagai berikut:<br>
<ol>
<li style="text-align: justify;">HTML adalah bahasa pemograman untuk mendeskripsikan halaman web. </li>
<li style="text-align: justify;">HTML singkatan dari <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage. </li>
<li style="text-align: justify;">Dokumen HTML berisi tag HTML dan teks biasa. </li>
<li style="text-align: justify;">Tag HTML berfungsi menjelaskan konten dokumen
HTML itu sendiri. </li>
<li style="text-align: justify;">Dokumen HTML juga disebut halaman web.</li>
</ol>
<p>Akan saya jelaskan sedikit lagi mengenai HTML. HTML adalah bahasa standar pemrograman untuk membuat suatu halaman webite. HTML terdiri dari kumpulan kode yang berfungsi sebagai pengaturan untuk menampilkan apa saja perintah yang ada pada kode HTML pada web browser. Pengaturan itu sendiri bisa mencakup berbagai macam format tampilan seperti teks, gambar (grafik), animasi, link, audio, video maupun gabungan dari seluruhnya.</p>
<p>Pada kesempatan kali ini Saya tidak akan panjang lebar membahas pengertian dan fungsi HTML karena itu semua sudah banyak bertebaran di internet. Untuk itu Saya akan lebih fokus membahas  apa saja struktur html itu, bagaimana cara membuat struktur dasar HTML itu, dan hal-hal yang berkaitan dengan dasar HTML.  </p><br>
<h3>
Struktur Dasar HTML:</h3>
<div class="bs-docs-Script">
<pre class="prettyprint linenums margintop20"><!DOCTYPE html>
  <html>
    <head>
  <title>Isi Judul Dokumen</title>
  </head>

<body>
Ini adalah isi dari file HTML yang kita buat.
<h1>Contoh Penggunaan Tag Heading</h1>
<p>Contoh Penggunaan Tag paragraph.</p>
  </body>

</html> </pre>
</div>
<div class="clear">
</div>
<div class="bs-docs-example">
<script src="https://dl.dropboxusercontent.com/u/52936372/file/campuran/responsive%20tabs%20script/js/jquery.responsiveTabs.min.js" type="text/javascript"></script>
        
    
    <br>
<div class="kotak">
<div id="horizontalTab">
<ul>
<li><a href="#tab-1">Hasil Akhir</a></li>
<li><a href="#tab-2">Kode HTML</a></li>
<li><a href="#tab-3">Lanjutan</a></li>
</ul>
<div id="tab-1">
Ini adalah isi dari file HTML yang kita buat.
<br>
<h1>
Contoh Penggunaan Tag Heading</h1>
Contoh Penggunaan Tag paragraph.<br>

</div>
<div id="tab-2">
<br>
<pre class="prettyprint linenums margintop20"><!DOCTYPE html>
  <html>
    <head>
  <title>Isi Judul Dokumen</title>
  </head>

<body>
Ini adalah isi dari file HTML yang kita buat.
<h1>Contoh Penggunaan Tag Heading</h1>
<p>Contoh Penggunaan Tag paragraph.</p>
  </body>

</html> </pre>
</div>
<div id="tab-3">
Untuk penjelasan lebih jauh mengenai kode struktur HTML dasar ini silahkan pelajari melalui tombol berikut:<br><br><a class="gotohtmlplayground" href="http://demo.scriptslicious.kotaserang.com/2013/11/halaman-dasar-html.html" target="_blank" title="Pelajari Kode Ini Lebih Lanjut">HTML Play Ground !</a><br>
<div class="clear">
</div>
</div>
</div>
</div>
</div>
<div class="clear">
</div>
Sampai sejauh ini Anda sudah berhasil membuat sebuah file .html sederhana. Jika Anda masih bingung dalam membuat file html ini. silahkan tombol berikut ini:<br>
<div class="clear">
</div>
<a class="gotohtmlplayground" href="http://demo.scriptslicious.kotaserang.com/2013/11/cara-membuat-file-html-sederhana.html" target="_blank" title="Cara Membuat File HTML sederhana">Cara Membuat File HTML sederhana</a><br>
<div class="clear">
</div>
<hr>
<br>
<h3>
Berikut ini merupakan contoh visualisasi dari sebuah halaman HTML dasar:</h3>
<div class="bs-docs-example">
</div></div>

Pengenalan HTML

Apa Itu HTML??? Secara singkat, HTML dapat didefinisikan sebagai berikut: HTML adalah bahasa pemograman untuk mendeskripsikan hal...

Apa Lorem Ipsum Itu?

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