Pengertian dan contoh HTML
Pengertian HTML
HTML adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang bertujuan untuk menampilkan halaman pada suatu web browser. Pada dasarnya tag-tag HTML selalu diawali dengan tag pembuka dan diakhiri dengan tag penutup dimana x adalah tag HTML seperti b, i, u dan sebagainya. Ada juga tag yang tidak diakhiri dengan tanda penutup seperti tag
, dan lain-lain. Sebuah halaman website akan diapit oleh tag ……..
File-file HTML selalu berakhiran dengan ekstensi .htm atau .html. Jadi jika mengetik sebuah naskah dan menyimpannya dengan ekstensi .html maka harus membuat file yang berformat HTML.
CONTOH TAG HTML DAN CARA PENGGUNAANYA
Pertama tag b fungsinya untuk menebalkan suatu text
contoh penggunaan tag
ini adalah contoh text tebal
maka hasilnya akan menjadi seperti berikut.
ini adalah contoh text tebal
Yang ke dua adalah tag i.
tag i berfungsi untuk membuat text menjadi miring.
contoh penggunaan
ini adalah contoh text miring
maka hasilnya akan menjadi seperti berikut.
ini adalah conttoh text miring
yang ketiga adalah tag u.
tag u berfungsi untuk memberikan garis bawah pada suatu text, pada umumnya tag u ini secara default digunakan pada suatu link di halaman website.
contoh penggunaan tag
ini adalah contoh text yang bergaris bawah
maka hasilnya akan menjadi seperti berikut.
ini adalah contoh text yang bergaris bawah
Bisa juga dapat menggabungkan ketiga tag tersebut kedalam sebuah text, sebagai contoh sederhana adalah sebagai berikut.
ini adalah contoh text dari penggabungan ketiga tag
dan hasilnya seperti ini.
ini adalah contoh text dari penggabungan ketiga tag
ada pun contoh lainnya
<p><img class="alignleft size-thumbnail wp-image-479" title="contoh-html" src="http://kangmoes.com/wp-content/uploads/2010/08/contoh-html-150x150.jpg" alt="contoh-html" width="150" height="150" />Sebelum membahas <em>contoh HTML</em>, ada baiknya anda membaca <a title="pengertian html" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-html.html">pengertian html</a>. <a title="Bahasa" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-bahasa.html">Bahasa</a> HTML pada umumnya diawali dengan <> dan diakhiri dengan </>. Contohnya; untuk membuat huruf bergaris bawah digunakan kode: <u> dan diakhriri dengan kode </u>. Jadi ketika kita menulis tulisan dibawah ini di HTML editor;<br />
Saya sedang menulis <strong>contoh html</strong> untuk tugas kuliah teknologi informasi</p>
<p>maka yang muncul di <a title="browser" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-browser.html">browser</a> <a title="internet" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-internet.html">internet</a> adalah;</p>
<p>Saya sedang menulis <strong>contoh html</strong> untuk tugas kuliah teknologi informasi</p>
<h3>Contoh HTML dasar</h3>
<p>Kode HTML dasar yang digunakan untuk membuat sebuah halaman website adalah sebagai berikut:</p>
<p> </p>
<blockquote>
<pre><html></pre>
<pre><head></pre>
<pre><title></pre>
<pre>ini adalah contoh title</pre>
<pre></title></pre>
<pre></head></pre>
<pre><body></pre>
<pre>ini adalah body html. body html adalah</pre>
<pre>tempat bersemayamnya segala tulisan,</pre>
<pre><a title="gambar" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-gambar.html">gambar</a>, dan informasi yang dibaca</pre>
<pre>oleh semua orang di internet.</pre>
<pre>secara umum, jika kita ingin menulis</pre>
<pre>apapun di situs kita, kita perlu</pre>
<pre>memasukkan tulisan tersebut</pre>
<pre>pada area body ini.</pre>
<pre></body></pre>
<pre></html></pre>
</blockquote>
<h3>Contoh HTML yang tidak memerlukan buka tutup</h3>
<p>Meskipun secara umum sebuah kode html memerlukan kode pembuka dan kode penutup, namun ada pula beberapa contoh HTML yang tidak memerlukan pembuka dan penutup. Contoh HTML tesebut antara lain;<br />
<br> untuk membuat baris baru<br />
sebuah paragraf yang ditulis dalam bahasa html, ketika tidak di beri tanda <br> maka tulisan tersebut akan tampil memanjang ke kanan dalam 1 baris. Ini tentu berbeda dengan tulisan di Microsoft word yang cukup menekan tombol enter dan baris baru akan terbentuk.<br />
<hr> untuk membuat horizontal rule atau garis horizontal<br />
Garis horizontal biasanya digunakan untuk memisahkan antara pembahasan bagian atas dengan penjelasan bagian bawah pada sebuah artikel.<br />
Contoh HTML yang kangmoes bahas diatas adalah semacam menu pembuka bagi anda yang ingin sama-sama belajar tentang HTML. Pembahsan selanjutnya, mungkin kangmoes akan membahas <strong>contoh HTML</strong> yang lebih kompleks, tapi kangmoes ga janji ya:)?</p>