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.
Selasa, 05 Juli 2011
Cara Memulainya dan Menyimpannya
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
Senin, 04 Juli 2011
Struktur HTML
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 “
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++.
Langganan:
Postingan (Atom)