Belajar HTML dari dasar bagian 1

  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
 

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 &nbsp; . Coba anda praktekan sendiri mengetikan kode tanpa mengetikan kode &nbsp;. Contoh ketikan kode di Notepad seperti ini 
ini&nbsp;jaraknya&nbsp;satu&nbsp;spasi <br>
sedangkan&nbsp;&nbsp;&nbsp;ini&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;spasi <br>
dan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ini&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;spasi.
Maka hasilnya seperti di bawah ini

ini jaraknya satu spasi
sedangkan   ini   3   spasi
dan       ini       7       spasi.

Bagian 1  2  3 
  • Rahasia mencari uang di internet akhirnya di ungkap + Bonus pulsa Rp 50.000 klik disini
  • Promosikan bisnismu 100 x lebih cepat + Bonus pulsa Rp 5.000  klik disini
  • 1 JAM BISA BUAT WEBSITE +Bonus pulsa Rp 5.000 klikdisini 

Subscribe to receive free email updates:

0 Response to "Belajar HTML dari dasar bagian 1"

Posting Komentar