HTML adalah suatu teks dokumen biasa dalam bentuk kode yang bisa di terjemahkan oleh browser menjadi berbagai bentuk tulisan atau gambar. Pengetahuan tantang HTML merupakan yang paling mendasar sebagai modal paling utama jikalau anda ingin belajar membuat website. HTML ( Hypertext markup language) dalam blogpun perlu di mengerti untuk mengatur tampilan agar blog bisa lebih menarik di lihat. Juga sebelum mempelajari pemrograman misal bahasa PHP,C,C++ anda harus mengetahui tag tag HTML terlebih dahulu supaya pembelajaran menjadi lebih mudah. Dalam tag HTML kita akan mengenal tag pembuka yang menyatakan bahwa ini adalah halaman HTML yaitu <HTML> dan tag penutupnya yang sebelum hurufnya di tambah tanda slash </HTML>. Kemudian tag title <TITLE> </TITLE> yang menyatakan bahwa ini adalah sebuah judul dan tag Body <BODY> </BODY> yang menyatakan bahwa ini adalah isi dari dokumen HTML dan <HEAD></HEAD> yang menyatakan bahwaini adalah bagian kepala dokumen.Dalam pembuatan tag HTML harus di akhiri dengan ekstensi htm atau html dan penulisan kode HTML juga tidak boleh salah biarpun satu karakter karena jika salah maka browser tidak bisa menterjemahkanya . Ingat..htm atau html untuk ekstensinya. Penulisan kode ini tidak pengaruh case sensitive atau huruf besar/kecil tetapi pengaruh pada nama file misal Center.html dengan CENTER.HTML itu beda. Sedangkan <html> dengan <HTML> juga <Html> hasilnya sama saja.
OK…langsung saja…
Kita akan belajar membuat peletakan paragraph dengan tag.
Format teks/tulisan
Pertama kita akan membuat tulisan judul dokumen.Ketikan di editor html misal Notepad. Cara membukanya klik Start > All programs > Acessories > Notepad kode tersorot di bawah ini
<HTML><HEAD><TITLE>Belajar HTML</TITLE></head></html>. Simpan dengan nama Head.html pada folder misal My Documents dan buka di browser caranya pada menu file klik Openfile atau Ctrl+O dan pilih folder tadi maka hasilnya seperti di bawah ini
OK…langsung saja…
Kita akan belajar membuat peletakan paragraph dengan tag.
Format teks/tulisan
Pertama kita akan membuat tulisan judul dokumen.Ketikan di editor html misal Notepad. Cara membukanya klik Start > All programs > Acessories > Notepad kode tersorot di bawah ini
<HTML><HEAD><TITLE>Belajar HTML</TITLE></head></html>. Simpan dengan nama Head.html pada folder misal My Documents dan buka di browser caranya pada menu file klik Openfile atau Ctrl+O dan pilih folder tadi maka hasilnya seperti di bawah ini
 |
Tulisan rata di sebelah kanan dengan tag <p align=”right”> .
Tulisan rata kiri dengan tag <p align=”left”>.
Rata tengah <p align=”center”>.
Tulisan ini rata kiri dan kanan <p align=”justify”>
Ketikan kode seperti ini
<pre><p align="left">Tulisan ini di kiri
<p align="center">Tulisan ini ditengah
<p align="right">Sedangkan ini di kanan
Simpan dengan nama Align.html dan buka di browser maka hasilnya seperti di bawah |
Tag <pre> di atas maksudnya adalah untuk menganggap bahwa spasi adalah spasi,Enter adalah enter sedangkan Contoh di atas merupakan penggunaan tag <pre> sebelum pengetikan kode. Anda perhatikan setelah kata “di kiri” seharusnya di tambahkan tag <br> untuk membuat atau pindah ke baris baru tetapi karena sudah ada tag <pre> maka tag<br> tak lagi di tambahkan. Untuk menuliskan spasi itu sendiri harus dengan kode html yaitu . Coba anda praktekan sendiri mengetikan kode tanpa mengetikan kode . Contoh ketikan kode di Notepad seperti ini
ini jaraknya satu spasi <br>
sedangkan ini 3 spasi <br>
dan ini 7 spasi.
Maka hasilnya seperti di bawah ini
ini jaraknya satu spasi
ini jaraknya satu spasi
sedangkan ini 3 spasi
dan ini 7 spasi.
|
