Tutorial Belajar HTML Untuk Pemula

HTML Pertamaku

Sekarang mari coba menuliskan kode HTML pertama kita. Masih ingat file html pertamax.html yang sudah kita buat di pengenalan HTML sebelumnya? Edit file itu menggunakan Notepad. Saya sendiri menyarankan menggunakan Notepad++ sebuah software yang mirip notepad tapi dikhususkan untuk menulis kode-kode programming. Jika anda sempat, silahkan download notepad++ dulu. Tapi pakai notepad bawaan windows juga oke kok.

Sekarang coba ketik ini di notepad anda.

Apa Kabar Dunia!!!

Simpan file itu dan klik dua kali file pertamax.html. Bagaimana hasilnya?

Yup benar, akan muncul tulisan Apa Kabar Dunia di browser anda. Mudah sekali bukan?

TEXT FORMATING

Sekarang bagaimana memanipulasi tampilan tulisan sehingga menghasilkan tampilan yang keren seperti di website-website pada umumnya. Maka disinilah kita mulai belajar HTML. Kita akan melakukan Markup tulisan sehingga bisa muncul sesuai keinginan.

Manipulasi yang pertama adalah Text Formating. Ini adalah manipulasi bagaimana menampilkan text yang sesuai keinginan. Meliputi bagaimana menebalkan text, memiringkan, memberi garis bawah, dll. Kita mulai yuk. Silahkan lihat tabel berikut :

<strong>

Menebalkan huruf

<em>

Memiringkan huruf

<ins>

Menggarisbawahi huruf

<del>

Mencoret huruf

<kbd>

Membuat huruf keyboard

<sub>

Membuat huruf subscripted

<sup>

Membuat huruf superscripted

Tag HTML memiliki sepasang tanda yaitu pembuka dan penutup. Misalnya tag strong, dia memiliki dua tag untuk pembuka yaitu <strong> dan penutup </strong>. Untuk menggunakannya, anda tinggal memasang text diantara dua tag tersebut. Contohnya jika ingin menebalkan tulisan kita sebelumnya

<strong>Apa Kabar Dunia!!!</strong>

Sekarang cobalah untuk tag-tag yang lain. Seperti ini misalnya :

<strong>Apa Kabar Dunia!!!</strong>

<em>Apa Kabar Dunia!!!</em>

<del>Apa Kabar Dunia!!!</del>

<ins>Apa Kabar Dunia!!!</ins>

<sub>Apa Kabar Dunia!!!</sub>

<kbd>Apa Kabar Dunia!!!</kbd>

<sup>Apa Kabar Dunia!!!</sup>

Kita akan bahas tag yang lain nanti ya.

1. HTML Pertamaku
2. Cara Memasukkan Gambar
3. Membuat Text Mengalir di sekeliling Gambar
4. Macam-macam Heading 
5. Membuat Formulir Isian
6. Form Input Data
7. Membuat Optional
8. Membuat Optional Data dari Banyak Data
9. Input Data Artikel
10. Membuat Tombol Submit dan Reset
11. Membuat Tabel
12. Membuat Tabel Kompleks
13. Bekerja dengan Frame
14. Memasukkan Halaman Lain dengan iFrame