Langsung ke konten utama

Postingan

Menampilkan postingan dengan label PROGRAMMING

Menggunakan Table di Dalam HTML - HTML Tutorial

Tabel merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table,yaitu : <table>,<tr>,dan <td>. Yang perlu diingat adalah bahwa tag <tr> dan <td> harus terletak di antara tag <table> dan </table>. 1. <table> Digunakan untuk mendefinisikan pembuatan tabel.Memiliki atribut : align - perataan : rata kiri (left),tengah (center) atau kanan (right) valign - mengatur bentuk perataan secara vertikal bgcolor - mengatur warna latar belakang (background) dari tabel background - menentukan gambar yang digunakan sebagai background tabel color - untuk mengatur warna suatu sel dalam tabel Border - menentukan ukuran Border tabel (dalam pixel) rowspan - menggabungkan beberapa baris colspan - menggabungkan beberapa kolom cellpadding - jarak antara isi Cell dengan garis Cell (dalam pixel) cellspacing - mengatur spasi/jarak antara Cell (dalam pixel) widt...
Posting Komentar
Baca selengkapnya

Menggunakan Link di dalam HTML - HTML Tutorial

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu.Jika link diklik maka dokumen HTML akan menuju ke alamat tersebut.Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai dua atribut,yaitu href dan name.Atribut href digunakan jika sebuah anchor akan digunakan sebagai link,sedangkan atribut name digunakan jika anchor akan digunakan sebagai tujuan. 1.Link ke dokumen lain Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda,anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu,baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.Untuk mencoba kita akan membuat 3 file yang saling berhubungan.Sebelumnya supaya file-file yang dibuat terlihat rapi kita buat folder "tabel" terlebih dahulu jika nanti file link yang kita buat tersimpan di dalam folder "tabel". 1.link-utama.html  <html> <head> <title> Halaman Utama </title> </head...
Posting Komentar
Baca selengkapnya

Menambahkan Gambar ke Dalam HTML - Tutorial HTML

Dokumen HTML akan menarik bila ditambah gambar.Format gambar yang dapat ditampilkan : gif,jpeg,pck,png,wmf,dll. Format gambar yang dikenali oleh hampir semua browser adalah GIF dan JPEG. Untuk menambah gambar digunakan tag <img src="nama file gambar">.Tag <img>  ATRIBUT  KETERANGAN  src  Merujuk URL atau direktori file gambar  align  posisi teks di sekitar gambar,nilainya adalah TOP,MIDDLE,BOTTOM,LEFT,RIGHT  width  lebar gambar dalam pixel  height  Tinggi gambar dalam pixel  alt  Menampilkan teks pengganti gambar jika gambar tidak dapat ditampilkan Contoh (save dengan nama gambar.html).  <html> <head> <title> Menambah Gambar </title> </head> <body> <img src="Gambar.jpg" alt="gambar" align="middle" width="100px" height="100px"><br /> Nama gambar : Gambar.jpg </body> </html> Pada atribut src pastikan lokasi gambar yang diambil benar,jika salah maka gamba...
Posting Komentar
Baca selengkapnya

Memformat Karakter HTML - HTML Tutorial

Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik. 1.Logical Format Logical format akan menerapkan layout dokumen secara logis dan terstruktur.Tag-tag yang termasuk logical format adalah sebagai berikut : <cite> digunakan untuk menandai suatu kutipan (Citation). <code> digunakan untuk menampilkan kode-kode pemrograman,misalnya bahasa C. <em> digunakan untuk menandai suatu teks yang ditekankan oleh penulis. <kbd> digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard. <samp> digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh. <strong> digunakan untuk menandai bagian yang terpenting dari suatu teks. <var> digunakan untuk menampilkan nama variabel. <dfn> digunakan untuk menandai sebuah subdenfinisi dari daftar. Semua tag tersebut memerlukan tag penutupnya masing-masing. Contoh (save dengan nama logical format.html) :  <html> ...
Posting Komentar
Baca selengkapnya

Memformat Dokumen HTML

Dalam HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen.Tag-tag tersebut diantaranya adalah : 1.Tag <br>,digunakan untuk pindah ke baris baru  Tidak memerlukan penutup </br> atau bisa di tulis langsung <br/> 2.Tag<p>,digunakan untuk pindah alinea atau membuat paragraf baru.Tag ini bisa diberi akhiran </p> tapi juga bisa tidak diberi.Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri,tengah,kanan dan kiri-kanan,yaitu dengan attribut ALIGN.Atribut align mempunyai nilai : LEFT,RIGHT,CENTER dan JUSTIFY 3.No Line Break: <nobr> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila garis pertama sudah terlalu panjang. 4.Tag <hr> ,digunakan untuk membuat garis horisontal. Atributnya :  ATRIBUT  FUNGSI  align  Merupakan posisi vertikal garis pemisah.Nilainya adalah LEFT,RIGHT,atau CENTER  width  Digunakan untuk menentukan ketebalan garis  si...
Posting Komentar
Baca selengkapnya

Elemen-elemen dasar HTML untuk memformat halaman web

Sumber gambar peterwebs.com 1.Elemen Head Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.Isi bagian head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut. Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut : Menyediakan judul dokumen Menjabatani hubungan antar dokumen Memberitahu browser untuk membuat form pencarian Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : 1.Tag <title>,digunakan untuk memberi judul dokumen.Penggunaannya sebagai berikut : <title> Judul </title> 2.Tag <base>,digunakan untuk menentukan basis URL sebuah dokumen.Penggunaannya adalah sebagai berikut : <base href="url"> contoh : <base href="//www.alamat.com/direktori"> 3.Tag <link>,digunakan untuk menunjukkan relasi antar do...
2 komentar
Baca selengkapnya