Belajar HTML

22 Apr

Ingin belajar pemrogramman?

Ini adalah rumusan dasar dalam belajar HTML

<tag align = “justify”>

Tag = merupakan nama perintah

align = merupakan atribut, dan

justify = adalah nilai dari atribut

Beberapa Tag standard yang dimiliki oleh HTML adalah:

  1. <p> = untuk paragraf
  2. <hr> = untuk garis
  3. <br> = untuk pindah baris
  4. <justify>
  5. <div>
Untuk proses mengatur teks, ada beberapa Tag yang biasa digunakan, yakni:
  1. <b>, digunakan untuk menebalkan tulisan.
  2. <big>, untuk membuat tulisan lebih besar dari ukuran standard
  3. <I>, untuk menampilkan tulisan secara miring
  4. <small>, untuk membuat tulisan lebih kecil dari ukuran standard
  5. <sub>, teks ditampilkan sebagai subscrip
  6. <sup>, teks ditampilkan sebagai superscrip
  7. <tt>, teks ditampilkan seperti tulisan mesin ketik
  8. <u>, tulisan ditampilkan dengan disertai garis bawah
Daftar Tag untuk mengatur teks secara logis:
  1. <cite>
  2. <code>
  3. <em>
  4. <kbd>
  5. <samp>
  6. <strong>
  7. <var>
Tag Pemformat Teks
  1. <pre>
  2. <blockquote>
  3. <acronym title = “chayadi oktomy noto susanto”> CONS </acronym>
  4. <ins>
  5. <del>
  6. <address>
  7. <font>
Tag untuk daftar item tanpa nomer urut:
  1. <ul>
  2. <ul> <li> rambutan </li> </ul>
  3. <ol>, dafta item dengan nomer urut
  4. <menu?
  5. <dir>
Datar Tag untuk menyatakan defenisi
  1. <dl>
  2. <dt>
  3. <dd>
Tag yang berkaitan dengan prmrosesan gambar:
Awalnya kita harus mengetahui beberapa jenis dari gambar:
  1. GIF ( Graphis Interchange Format) format gambar (.gif), hanya mendukung 256 warna dan salah satu warnanya bisa bersifat transparan. Khusus untuk format GIF87a, tersedia fitur interlacing. Fitur ini berguna untuk menampilkan gambar yang berukuran besar. Mengingat dukungan warnanya hanya sedikit, GIF cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo ataupun gambar tombol.
  2. JPEG ( Joint Photographic Expert Group), menggunakan 24 bit untuk setiap warnanya. Oleh karena itu warna yang bisa ditangani mencapai 16.777.216 warna. Untuk itu JPEG sangat cocok untuk mendukung gambar berupa foto. Kelemahan JPEG adalah karena metode yang digunakan bersifat lossy, sehingga gambar yang ditampilkan sebenarnya tidak sama seprti aslinya, kelemahan yang lain adalah bila dikompresi prosesnya lambat dan JPEG juga tidak mendukung warna transparansi dan animasi.
  3. PNG (Portable Network Graphic) , dirancang oleh W3C untuk menggantikan GIF dan JPEG, supaya formatnya tidak tergantung pada mesin, sehingga apapun jenis komputer dan sistem operasi yang digunakan dapat menangani gambar PNG. Ada 2 macam PNG: PNG-8 dan PNG-24.
Hal yang perlu dicatat adalah memuat gambar dengan resolusi tinggi akan memperlambat proses penampilan gambar pada website, karena secara umum monitor memiliki resolusi 72 dpi (dot per inch).
Tag terkait gambar:
  1.  <body background =”nama berkas gambar”>, digunakan untuk membuat gambar background pada website.
  2. <img src =”nama_gambar”>, digunakan untuk menampilkan gambar. Dalam Nama gambar juga bisa berupa alamat direktori dari tempat gambar diambil.
Pembuatan Tabel.
Ada beberapa Tag terkait dengan proses pembuatan tabel. Beberapa Tag tersebut diantaranya adalah:
  1. <table>, digunakan untuk mengawali dan mengakhiri sebuah tabel
  2. <caption>, digunakan untuk membuat judul dari nama tabel yang akan dibuat.
  3. <tr>,  membuat sebuah baris dalam tabel
  4. <th>, membuat judul dari kolom
  5. <td>, membuat sebuah sel data.
  6. <td rowspan =”3″>, untuk menggabungkan sel
  7. <th colspan=”2″>, untuk menggabungkan sel dalam satu baris
  8. <table height =”3″>, untuk mengatur tinggi dari sel
  9. <td valign =”top/middle/bottom”>, pengaturan posisi teks
  10. <table width=”3″>, pengaturan lebar sel
  11. <table cellpadding=”2″>, pengaturan jarak teks dengan tabel
Tata cara pembuat Link.
Untuk pembuatan link, ada beberapa tag yang biasa untuk digunakan, tag tersebut antara lain:
  1. <a href =”url”>label</a>, url merupakan link yang akan digunakan
  2. <a href=”url” tabindex=”1″>label</a>, untuk membuat tabindex dari link yang dibuat.
  3. <body [link,alink,vlink] =”black”>, untuk menentukan warna dari link
Pembuatan Bookmark

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: