panduan html

Halo Sobat! | Members area : Register | Sign in Pasang Iklan | Kontak | Profile | Event | Donasi | Sitemap • KIRIM SMS GRATIS • FORUM • ARSIP • VIDEO • BLOG TUTORIAL • BLOG TIPS • BLOG WIDGET • PARSE HTML • KODE WARNA • SEO TOOL • WARGAME • CBOX • • HOME • ONLINE INCOME • KESEHATAN • LEADERSHIP • HANDPHONE • BOOKMARK • CERITA MISTERI • VIDEO • POJOK CINTA • ROMANTIC SMS • HOT NEWS • • • HOME • ZODIAK HARI INI • KATA-KATA BIJAK • PANTUN GAUL • KUMPULAN SMS CINTA • SIFAT COWOK • TANDA JODOH • ILMU CINTA • PUISI PEMBACA • • HOME • ZODIAK HARI INI • KATA-KATA BIJAK • PANTUN GAUL • KUMPULAN SMS CINTA • VIDEO • • HOME • INDONESIA • NASIONAL • LIFESTYLE • GADGET • HEALTY • OTOMOTIF • VIDEO • POJOK CINTA • KARTU UCAPAN • HOT NEWS • SUBMIT BLOG + Home » Tutorial Mudah Blog » Panduan Lengkap Belajar HTML Panduan Lengkap Belajar HTML Selasa, 04 Januari 2011 di 03:20 WIB Oleh Kang Salman Digg Panduan dasar belajar HTML ini saya dedikasikan bagi mereka yang ingin mengenal bahasa html, baik itu mereka para pelajar dan mahasiswa, dosen, dan umum. semoga bermanfaat.. ELEMEN DASAR ________________________________________ Jenis Dokumen (terdapat pada awal dan akhir dari file HTML) Judul (harus selalu terdapat pada mukadimah) Mukadimah (Header) (keterangan umum, seperti judul dsb.) Batang Tubuh (isi dari halaman HTML) ANCANGAN STRUKTURAL ________________________________________ Kepala (Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) Penataan (Align) Kepala [*] Bagian (Division)

Penataan Bagian

Kutipan Blok (Block Quote)

[*] (tampilan dengan jeda terhadap batas pinggir) Penekanan (Emphasis) (umumnya huruf miring) Penguatan (Strong Emphasis) (umumnya huruf tebal) Kutipan singkat (Citation) (umumnya huruf miring) Kode (Code - untuk source code listings) Contoh Keluaran (Sample Output) Masukan Papan Ketik (Keyboard Input) Variabel (Variable) Definisi (Definition - jarang dipakai) Alamat Pengarang (Author's Address)

Huruf ukuran Besar Huruf Ukuran Kecil FORMAT TAMPILAN ________________________________________ Huruf Tebal (Bold) Huruf Miring (Italic) N3.0b Garis Bawah (Underline - jarang digunakan) Huruf Coret (Strikeout - jarang digunakan) N3.0b Huruf Coret (Strikeout - jarang digunakan) Huruf Geser Bawah (Subscript) Huruf Geser Atas (Superscript) Huruf Mesin Ketik (Typewriter - huruf berjarak tetap) Pra-format (Preformatted)

(menampilkan dengan jarak pra-format) Jarak Huruf

(mengatur jarak huruf) Rata Tengah

[*] (Center - berlaku untuk teks maupun gambar) N1.0 Huruf Kedip (Blinking - tag terlucu sampai kini) Ukuran Huruf (Font Size - boleh diisi dari 1 sampai 7) Rubah Ukuran Huruf N1.0 Basis Ukuran Huruf (boleh diisi 1 sampai 7; ukuran standard/default=3) Warna Huruf N3.0b Pilih Jenis Huruf N3.0b Teks Multi Kolom N3.0b Jarak Batas Kolom (default = 10 pixels) N3.0b Lebar Kolom N3.0b Celah (Spacer) N3.0b Jenis Celah N3.0b Ukuran Celah N3.0b Dimensi Celah N3.0b Penataan Celah ACUAN DAN GRAFIK ________________________________________ Acuan pada dokumen tertentu Acuan pada sasaran dalam dokumen (bila terdapat pada dokumen lain) (bila terdapat pada dokumen yang sama) N2.0 Jendela Sasaran (Target Window) Penamaan sasaran pada dokumen Kaitan(Relationship) (jarang digunakan) Kaitan terbalik (Reverse Relationship) (jarang digunakan) Peragaan Gambar Penataan Letak Gambar N1.0 Penataan Letak Gambar Alternatif Teks (saat gambar belum/tidak ditampilkan) Daerah Gambar (Imagemap) (membutuhkan program script) Daerah Gambar pihak klien Uraian Daerah Gambar Pembagian Daerah Gambar Dimensi Gambar (in pixels) Garis Batas (dalam satuan pixel) Ruang Pembatas (dalam satuan pixel) N1.0 Gambar Low-Res Proxy N1.1 Pemindahan Tarik (Client Pull) N2.0 Objek Cantum (Embed Object - mencantumkan objek pada dokumen) N2.0 Ukuran Objek PEMISAH ________________________________________ Paragraf
[*] (tag penutup seringkali tak diperlukan) Align Text

[*] Pndah Baris
(pindah ke baris berikut) Putus Penataan Baris
(Clear Textwrap) Garis Datar

---

(Horizontal Rule) Penataan Letak Garis

---

Tebal Garis

---

(dalam satuan pixel) Lebar Garis

---

(dalam satuan pixel) N1.0 Lebar Garis Persentasi

---

(dalam persentasi terhadap lebar halaman) Garis Pejal

---

(Solid Line - tanpa pola 3D) N1.0 Tanpa Ganti Baris (No Break - mencegah ganti baris) N1.0 Sambung Suku Kata (Word Break - letak ganti baris bila diperlukan) DAFTAR ________________________________________ Daftar Tanpa Nomor

(Unordered List - Cantumkan

sebelum tiap butir) Kompak

(Compact) Jenis Butiran

(Bullet Type - berlaku umum bagi butir terdaftar)
• (berlaku khusus pada butir ini dan selanjutnya) Daftar Bernomor
  (Ordered List - Cantumkan
• sebelum tiap butir) Kompak
  Jenis Penomoran
  (berlaku umum untuk semua butir dalam daftar)
  1. (berlaku khusus pada butir ini dan selanjutnya) Nomor Mulai
     (berlaku umum untuk semua butir dalam daftar)
     1. (berlaku khusus pada butir ini dan selanjutnya) Daftar Definisi
        (Definition List -
        =istilah,
        =uraian) Kompak
        

        Daftar Menu
        
        

        (Cantumkan
     2. sebelum butir menu) Kompak Daftar Direktori
        (Cantumkan
     3. sebelum tiap butir direktori) Kompak LATAR BELAKANG DAN WARNA ________________________________________ Latar Belakang Gambar (Tiled Background) Warna Latar Belakang [*] (Background Color - urutan: merah/hijau/biru) Warna Huruf Teks [*] Warna Acuan [*] Acuan Lepas Kunjung [*] (Visited Link) Acuan Aktif [*] (Active Link) (Info lanjut di http://werbach.com/web/wwwhelp.html#color) HURUF SPESIAL(these must all be in lower case) ________________________________________ Special Character &#?; (where ? is the ISO 8859-1 code) < < > > & & " " Registered TM ® Copyright © Spasi tak putus   Non-breaking Space (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html) FORMULIR ________________________________________ Rancangan Formulir
        Define Forms N2.0 Mengirimkan File
        File Upload Input Field Nama Field Nilai Field Kotak Periksa (checkboxes dan radio boxes) Ukuran Field (dalam satuan jumlah karakter) Panjang Maksimum (dalam satuan karakter) Daftar Pilihan Selection List Nama Daftar Pilihan Jumlah Pilihan Banyak Pilihan (butir yang dapat dipilih) Pilihan Default Ukuran Input Box Nama Input Box N2.0 Rangkuman Teks Wrap Text TABEL ________________________________________ Rancangan Tabel [*] Garis Batas Tabel Celah Sel Cell Spacing Penyangga Sel Cell Padding Lebar Tabel (dalam satuan pixel) Lebar Tabel Persentasi (dalam satuan persen terhadap lebar halaman) Baris dalam Tabel Penataan Letak Baris Sel dalam Tabel (harus ada dalam setiap baris tabel) Penataan Letak Sel (Table Header - seperti data dengan Bold dan Center) Penataan Letak Kepala Tabel Caption Penataan Keterangan

        (di atas / di bawah tabel) FRAMES ________________________________________ N2.0 Dokumen dalam Frame (sebagai pengganti ) N2.0 Tinggi Baris Frame (dalam satuan pixel atau %) N2.0 Tinggi Baris Frame (* = ukuran relatif) N2.0 Lebar Kolom Frame (dalam satuan pixel atau %) N2.0 Lebar Kolom Frame (* = ukuran relatif) N3.0b Lebar Garis Batas N3.0b Garis Batas N3.0b Warna Garis Batas N2.0 Rancangan Frame (isi dari frame individu) N2.0 Tampilan Dokumen Frame N2.0 Nama Frame N2.0 Lebar Batas (batas kiri dan kanan) N2.0 Tinggi Batas (batas atas dan bawah) N2.0 Scrollbar? Memungkinkan scrolling pada frame N2.0 Ukuran Frame tak bisa diubah N3.0b Batas Frame N3.0b Warna Garis Batas N2.0 Isi tanpa Frame (bagi browser yang tak mampu frame) JAVA ________________________________________ Applet Nama File Applet Parameter Applet Sumber Applet Identifier Applet (sebagai rujukan di tempat lain pada halaman sama) Teks Alternatif (untuk browser tanpa kemampuan Java browsers) Penataan Applet Ukuran Applet (in pixels) Celah batas Applet (in pixels) LAIN-LAIN ________________________________________ Komentar (tidak ditampilkan oleh browser) Prolog HTML 3.2 [*] Mampu Cari (indikasi indeks yang dapat dicari-temukan) Prompt (teks sebagai prompt) Perintah Cari (gunakan tanda tanya yang sebenarnya) URL dari file ini (harus terletak di header) N2.0 Nama Dasar Window (harus terletak di header) Kaitan (Relation dan Reverse Relation, harus terletak di header) Informasi Meta (harus terletak di header) Lembar Gaya Penulisan (Style Sheet - belum didukung sepenuhnya) Scripts (belum didukung sepenuhnya). } Semoga bermanfaat, Panduan Lengkap Belajar HTML Jangan asal copy paste, baca aturanya di sini ! Post By Kang Salman http://www.kucoba.com Dapatkan update artikel terbaru kami langsung ke email anda. Home » Tutorial Mudah Blog » Panduan Lengkap Belajar HTML Panduan Lengkap Belajar HTML Label: Tutorial Mudah Blog Baca Artikel Lainnya Menampilkan Rating Star Pada Hasil ... Membuat Iklan Menempel Di Atas Sepe... Cara Membuat Komentar Facebook Di B... Membuat Tombol Panah Back To Top Membuat Iklan Bersampingan Dengan L... Info Terbaru Usia Masa Puber Wanita Kini Terjadi Mulai 7 Tahun Penyebab Pipi Memerah Saat Malu Google Sandbox Sebuah Fenomena Tips Editing Template Blogspot Tips Mengurangi Rasa Pegal Linu 3 Responses to "Panduan Lengkap Belajar HTML" TERIMA PEMASANGAN CCTV mengatakan... thanks gan ilmunya..? semoga sukses 3 November 2011 10:52 nono_kaki mengatakan... Terima kasih atas tutorialnya bang. Saya mau nitip link belajar XHTML sebagai lanjutan dari HTML, terima kasih sebelumnya http://kro.co/gzTa - Belajar XHTML - 1 http://www.novrian.info/blog/coding/belajar-xhtml-bagian-2.html - Belajar XHTML - 2 13 November 2011 00:53 belajar html mengatakan... bagus Mas tipsnya, sangat bermanfaat bagi saya yang sedang belajar membuat website dan mendalami html, salam kenal ya..... 14 November 2011 01:14 Hallo tamu! silakan tinggalkan komentar. Klik tulisan "Subscribe by email" di bawah untuk mendapat balasan dari saya via email :) Posting Lebih Baru Posting Lama Beranda Terpopuler! • Wisata Kiamat 2012 Di Mexico (Hot News) • 100% Video Kekerasan Cewek Bali Beredar • Video Iseng Berujung Maut (Kejadian Nyata) • Dampak Badai Matahari 2012-2013 • Pulau Hantu Si Kuburan Masal Terbuka • Rekor Ukuran LED TV Terbesar Di Dunia (Hot!) • Video Jail Cewek Bandung Dibikin Gatal • Misteri Jejek Kaki Raksasa Di Ciamis Jawa Barat Recomend Link : Disini Kamu Bisa Donwload Gratis Recomend Link : Doyan Ngomong Ga Suka Boong TERKINI TERPOPULER TAG • Usia Masa Puber Wanita Kini Terjadi Mulai 7 Tahun • Penyebab Pipi Memerah Saat Malu • Google Sandbox Sebuah Fenomena • Tips Editing Template Blogspot • Tips Mengurangi Rasa Sakit Pegal Linu • Thomas dan Uber Cup 2012 • Profil Afiqa Bintang Oreo Ice Cream • Daftar Judul Lagu Romantis Korea • Sebuah Rasa Indah Saat Kita Saling Berbagi • Orang Miskin di Hungaria Diberikan Uang untuk Dibakar • Ditemukan Tengkorak Aneh Dari Peru • Kenapa Saya Harus Bangun Dini Hari • Tips Membersihkan Telinga Yang Baik dan Benar • Video Cahaya Misterius di Rusia • Foto Feni Farmita • Kucoba.com Tempat Add Bookmark • Manfaat Bangun Pagi • Subhanallah... Janin Umur 15 Minggu Berjuang Untuk Hidup • Syarat Sehat Bagi Yang Hoby Makan Mi • Manfaat Teh Hitam Turunkan Hipertensi • Badai Matahari Terbesar Sepanjang Sejarah LIRIK LAGU 1. Lirik Lagu Bohemian Rhapsody - Queen 2. Lirik Lagu Agnes Minica - Rindu 3. Lirik Lagu Smash - Ada Cinta 4. Lirik Lagu Viera - Kesepian 5. Lirik Lagu Dilema - Cherry Belle 6. Lirik Lagu Sesuatu - Syahrini 7. Lirik Lagu Maher Zain Insya Allah (English Version) HOT NEWS 1. Video Cahaya Misterius di Rusia 2. Heboh Ditemukan Tengkorak Super Aneh Dari Peru 3. Alasan Kenapa Blog Saya Susah Terindex Google 4. Janin 15 Minggu Berjuang Untuk Hidup 5. Cara Pemilihan Kata Kunci 6. Jadwal MotoGP 2012 - Jadwal Siaran Langsung 7. Jadwal Liga Champions 2012 Babak 16 besar Ruang Chat Kirim Tulisan Catatan Dinding Download Template Kirim Blog meningkatkan trafik gratis dari pengunjung kucoba.com. Syarat dan ketentuan dapat dilihat di sini Punya masalah yang sulit diselesaikan? Pingin Curhat? Gampang kok.. Hubungi saja kami akan kami bantu carikan solusinya. LIKE KUCOBA on Facebook Share the awesomeness with your friends. KUCOBA.com on twitter @kucoba (close) • Kucoba.com • kucobaHealty • kucobaGaul • kucobaOpini • kucobaGedget • kucobaOtomotif • kucobaLounge • kucobaFoto • kucobaVideo • Lirik Musik Capricorn | Aquarius | Pisces | Aries | Taurus | Gemini | Cancer | Leo | Virgo | Libra | Scorpio | Sagitarius Home | Contact Us | Profile | Privacy Policy | TOS | Widget | Donasi | Iklan | Site map Copyright © 2009-2012. kucoba.com - All rights reserved Powered by Jasa Pembuatan Blog

        	Tanpa Ganti Baris	Rentang Kolom	Columns to span Rentang Baris	Rows to span N1.1 Lebar Sel	(dalam satuan pixel) N1.1 Lebar Sel Persentasi	(dalam satuan persen terhadap lebar tabel) N3.0b Warna Sel	Kepala Tabel		Tanpa Baris Baru	Rentang Kolom	Columns to Span Rentang Baris	Rows to Span N1.1 Lebar Kepala Tabel	(dalam satuan pixel) N1.1 Lebar Persentasi	(dalam persentasi terhadap lebar tabel) N3.0b Warna Kepala Tabel	Keterangan Tabel