@Scriptslicious ]{$: HTML Dasar

Showing posts with label HTML Dasar. Show all posts

Sunday, 24 November 2013

Tag Tipe Dokumen HTML <!DOCTYPE>

15:42

by Unknown

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

Sunday, 17 November 2013

Tag Komentar HTML

19:07

by Unknown

<div class="bs-docs-pembukaan">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<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/AVvXsEgEyiM4uGV4xSG1gc4smeo9ZAoTHzRzJCQ811UJonf00SeEv-qOQU3R0K2Eorzm9k016-04Snubin7Yr9GUKNchJoYSG_fp2rBlgXGzQXubaQQyvFFhh6E0amccFg20awkNnfH8ppzYizTn/s1600/Tags+Komentar+HTML.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Contoh Penggunaan Tag Komentar HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyiM4uGV4xSG1gc4smeo9ZAoTHzRzJCQ811UJonf00SeEv-qOQU3R0K2Eorzm9k016-04Snubin7Yr9GUKNchJoYSG_fp2rBlgXGzQXubaQQyvFFhh6E0amccFg20awkNnfH8ppzYizTn/s1600/Tags+Komentar+HTML.png" title="Contoh Penggunaan Tag Komentar HTML"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption" style="font-size: 13px;">Contoh Penggunaan Tag Komentar HTML</td></tr>
</tbody></table>
<div style="font-size: medium; text-align: justify;">
</div>
</td></tr>
</tbody></table>
<br>
Tag komentar digunakan untuk menyisipkan komentar atau keterangan didalam file HTML. Tag komentar ini tidak akan ditampilkan dalam web browser. Anda dapat menggunakan tag komentar HTML untuk menjelaskan kode Anda atau memberi keterangan kode Anda, yang dapat membantu ketika Anda mengedit file HTML di lain waktu. Hal ini akan sangat berguna jika file HTML Anda memiliki banyak baris.<br>
</div></div>

Tag Komentar HTML 

Contoh Penggunaan Tag Komentar HTML Tag komentar digunakan untuk menyisipkan komentar atau keterangan didalam file HTML. Tag k...

Saturday, 16 November 2013

Daftar Tag HTML Beserta Penjelasan

12:11

by Unknown

<div class="bs-docs-pembukaan">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaj__VafVwSdd00axnmOLDiX_tZAzlymnI-olCrdsL8p0X6Lg3eP9qddUhpmxCBmtLeq6KSUZcx91tUWHoJCImo3ZJ5Bqsg_BBXNuKCRsyYOynyTK-BYGndFGuFc1R8t2OtRGAWCw-Bg_e/s1600/Tags+HTML.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Daftar Tag HTML Beserta Penjelasan" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaj__VafVwSdd00axnmOLDiX_tZAzlymnI-olCrdsL8p0X6Lg3eP9qddUhpmxCBmtLeq6KSUZcx91tUWHoJCImo3ZJ5Bqsg_BBXNuKCRsyYOynyTK-BYGndFGuFc1R8t2OtRGAWCw-Bg_e/s1600/Tags+HTML.png" title="Daftar Tag HTML Beserta Penjelasan"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Daftar Tag HTML Beserta Penjelasan</td></tr>
</tbody></table>
<div style="text-align: justify;">
File HTML terbentuk dari beberapa tag HTML yang tersusun dan berfungsi untuk memberikan perintah kepada web browser sehingga dapat ditampilkan. Penggunaan Tag-tag HTML ini memiliki aturan yang baku. Baik itu peletakan, struktur, dan aturan lainnya yang sudah ditetapkan (<a href="http://scriptslicious.kotaserang.com/2013/11/pengenalan-html.html" target="_blank" title="struktur dasar file HTML">Untuk mempelajari struktur dasar file HTML silahkan klik disini</a>) . Untuk mempelajari satu persatu tag HTML, silahkan klik nama tag HTML yang ada pada tabel dibawah ini:</div>
<div class="clear"></div>
</div><div class="clear"></div>

Daftar Tag HTML Beserta Penjelasan

Daftar Tag HTML Beserta Penjelasan File HTML terbentuk dari beberapa tag HTML yang tersusun dan berfungsi untuk memberikan perintah ke...

Pengenalan HTML

10:46

by Unknown

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