The AdMirER

Pada postingan sebelumnya saya sudah jelaskan mengenai HTML, struktur HTML dan tag HTML. Mungkin anda yang belum tahu masih bertanya-tanya “kayak apa sich tag itu???” Nah Pada postingan kali ini/tutorial kali ini saya akan memberikan contoh dari tag-tag yang sering digunakan. Sekarang saya akan memberikan contoh cara membuat teks cetak tebal, miring dan bergaris bawah. Tag yang digunakan adalah <b> untuk cetak tebal. <i> untuk cetak miring dan <u> untuk bergaris bawah.
Cara membuatnya adalah :
1. Anda tulis struktur HTML seperti pada postingan sebelumnya
2. Setelah itu ganti title-nya dengan apa yang anda inginkan. Misalnya, “membuat teks” kemudian ganti tulisan “kode-kode yang lain tulis di bagian ini” dengan tag yang anda ingin gunakan. Sehingga menjadi seperti ini :
<HTML>
<head>
<title>Membuat Teks</title>
</head>
<body>
<b>teks ini cetak tebal</b>
<i>Teks ini cetak tebal</i>
<u>teks ini cetak garis bawah</u>
</body>
</HTML>
3. Setelah itu simpan !!! jangan lupa ekstensinya .HTML
4. Kemudian jalankan menggunakan web browser. Maka hasinya akan seperti ini :

Teks Ini Cetak Tebal
Teks Ini Cetak Miring
Teks ini Bergaris Bawah

5. Selamat mencoba dan semoga sukses

Tambahan : pada contoh di atas tadi masih ada
mungkin anda yang belum tahu masih timbul Tanya “kenapa masih di beri
???” “apa Fungsi dari tag Itu???” fungsi dari
ini adalah untuk pindah baris atau satu kali enter. Silahkan anda coba sendiri tanpa di beri
dan lihat hasilnya.

Pada tutorial kali ini saya akan membahas cara memulai menuliskan kode-kode HTML dan cara menyimpannya. Bagi anda yang belum tahu silahkan ikuti langkah-langkah berikut :
1. Saya sarankan anda membuat folder baru terlebih dahulu sebagai tempat penyimpanan agar nantinya anda tidak kebingungan mencarinya dan biar filenya tidak kocar-kacir
2. Anda buka program editornya, karena pada tutorial ini saya menggunakan Notepad++ maka anda saya sarankan untuk menggunakan Notepad++ juga biar sejalan dengan tutorial ini
3. Tulis kode-kode HTML-nya di program editornya (contohnya di tutorial selanjutnya)
4. Setelah kode-kode HTML-nya selesai ditulis, silahkan simpan ke folder yang anda buat sebelumnya. Simpan dengan dengan ekstensi .HTML misalnya Belajar Web.HTML
5. Silahkan buka folder tempat penyimpanan yang tadi, kemudian jalankan HTML yang anda buat dengab WEB BROWSER dan lihat Hasilnya
6. Selamat mencoba dan semoga sukses

Pada postingan sebelumnya saya sudah menjelaskan sedikit tentang HTML. Mungkin bagi anda yang belum mengerti masih bingung kayak apa sich HTML itu??? Jangan bersedih yach!!! Saya akan memberikan contohnya. Mari kita mulai! Karena HTML adalah sebuah bahasa, maka HTML mempunyai aturan dan struktur tertentu untuk menuliskan perintah-perintahnya. Perintahnya ini bisaa di namakan “tag HTML”. Aturan penulisan dalam HTML ini di awali dengan tag pembuka yang di lambangkan dengan tanda “” dan di akhiri dengan tag penutup yang di lambangkan dengan tanda “”. Contohnya <body> (di baca tag body) tag ini adalah tag pembuka dan </body> ini adalah tag penutup.
Gimana??? Sudah ngerti belum mengerti belum dengan contoh di atas??? Dari contoh di atas sudah bisa membedakan kan antara tag pembuka dan tag penutup. Kalau belum bisa, aku kasih tahu dech…. Untuk membedakan tag pembuka dan tag penutup yaitu kalau tag penutup ada tanda “/” setelah tanda “<” kalau tag pembuka kagak ada apa-apanya. Sudah bisa bedakan kan??? Pasti bisa donk!!!

Biar anda tambah mengerti. Aku kasih gambaran struktur HTML nich :

<HTML>
<Head>
<Title>Judul WEB tulis disini</title>
</head>
<body>
Kode-kode yang lain tulis disini
</body>
</HTML>

Dari struktur di atas, terlihat bahwa kode-kode HTML lainnya untuk keperluan isi web akan di letakkan di antara pembuka “<body>” dengan penutup "<body>”. Dengan demikian dapat di katakan bahwa informasi yang berupa kode-kode akan di apit dengan tag awal/pembuka dan tag akhiran/penutup, dan sebuah apitan tag juga bias di apit oleh tag lainnya. Akan tetapi dalam HTML ada beberapa tag yang tak perlu di akhiri/ditutup. Seperti “<br>”
Setelah anda mengerti dengan apa yang saya jelaskan di atas,mungkin anda masih timbul Tanya “apa yang harus saya gunakan untuk menuliskan kode-kode HTML???” untuk menulis kode-kode HTML kita membutuhkan program editor seperti frontpage, dreamwaver, notepad dan lain-lain. Tapi dalam tutorial ini saya menggunakan Notepad++.

Kali ini saya akan mengajak anda untuk belajar HTML. Apa anda sudah tahu HTML??? Yach… pasti ada yang tahu dan ada yang belum. Tapi mudah-mudahan dengan belajar di blog ini anda yang sudah tahu jadi semakin tahu dan yang belum bisa jadi tahu. Amien….!!!!
Mungkin anda yang belum tahu HTML masih bingung memikirkan apa itu HTML dan untuk apa??? Baiklah saya akan coba jelaskan sedikit tentang HTML. HTML adalah suatu bahasa yang dukenali oleh web browser untuk menampilkan informasi dengan lebih menarik di banding teks bisaa. HTML ini salah satu program yang di gunakan untuk membangun sebuah situs web.
Gimana??? Sudah mengerti belum sama HTML??? Mungkin masih ada uneg-uneg di pikiran anda. Tapi jangan khawatir karena saya tidak berhenti disini saja untuk ngasih tahu anda tentang HTML. Tenang-tenang aja yach…!!!