Sabtu, 25 Februari 2012

pepatahku

Saat kamu membandingkan dirimu dengan orang lain, saat itulah kamu sedang merendahkan dirimu sendiri...
Luka terdalam adalah yang tak terlihat oleh mata. Kesedihan terdalam adalah yang tak
terucapkan oleh kata-kata..
Segeralah beranjak dari masa lalu menuju masa depan, dengan semangat dan harapan baru, patahkan semua keraguan...
 Jangan biarkan hidupmu penuh dengan sedih, marah, dan benci. Bebaskan diri dari rasa sakit masa lalu, lalu mulai hidupmu lagi...
Cinta adalah ketika kamu berbagi kebahagiaan, bukan saling memanfaatkan. Cinta itu untuk
saling menghargai bukan mencuriga...
perasaan terbaik di dunia adl mengetahui bhw seseorg mencintaimu, merindukanmu,& akan selalu mempertahankanmu...
Jangan terus tangisi sesuatu yg telah berakhir. Sesuatu berakhir karena ada sesuatu yang lebih baik yang akan datang...
Hanya karena seseorang selalu ada untukmu, bukan berarti kamu hanya datang kepadanya
ketika orang lain sedang sibuk...
 
 

Minggu, 19 Februari 2012

panduan HTML tingkat lanjut

  • Panduan HTML Tingkat Lanjut
  • Grafik dalam Halaman Web
html tingkat lanjut series 1
Pembahasan berikut dilanjutkan dengan bagaimana cara menggunakan grafik dalam halaman web. Tabel merupakan salah satu perintah yang pasti akan dipakai dalam membuat halaman web. Setelah pembahasan tabel, Anda akan mempelajari salah satu bagian terpenting dalam halaman web yang dinamis, yaitu form dan input.

1. Ordered List

Ordered list digunakan untuk membuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Ordered list dimulai dengan menggunakan tag <OL> dan diakhiri </OL>. Untuk menyatakan tiap bagiannya digunakan tag <LI> dimana tag ini tidak menggunakan penutup.
Contoh:

<HTML>
<HEAD><TITLE>Ordered List</TITLE></HEAD>
<BODY>
Empat besar pemain termahal di dunia
<OL>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
</BODY>
<HTML>

html tingkat lanjut 1
Ketika menggunakan perintah ordered list maka default penomoran adalah 1, 2, 3, …, Anda bisa mengubah nomor tersebut menggunakan atribut TYPE pada tag <OL>.
  • TYPE = 1 ; daftar berurut dengan nomor 1, 2, 3 (default)
  • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi besar (I, II, III, IV, …)
  • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi huruf kecil (i, ii, iii, iv, …)
  • TYPE = A ; daftar berurut dengan menggunakan abjad besar (A, B, C, D, …)
  • TYPE = a ; daftar berurut dengan menggunakan abjad kecil (a, b, c, d, …)
Selain mengubah jenis penomoran, HTML juga menyediakan perintah untuk menentukan nilai awal penomoran. Atribut yang digunakan adalah START = n, dimana n adalah nilai awal penomoran.
Contoh:
<HTML>
<HEAD>
<TITLE>OL dengan atribut</TITLE>
</HEAD>
<BODY>
<OL TYPE=A>
<LI>Daftar empat pemain termahal didunia
<OL TYPE=I>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
<LI>Urutan lima sampai delapan
<OL TYPE=1 START=5>
<LI>Denilson
<LI>Gabriel Batigol
<LI>Ronaldo
<LI>Amoroso
</OL>
</OL>
</BODY>
<HTML>

html tingkat lanjut 2

2. Unordered List

Berbeda dengan ordered list, dalam unordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Tanda bullet menjadi defaultdalam unordered list. Untuk membuat daftar dengan tanda ini digunakan tag awal <UL> dan tag akhir </UL>. Sama seperti ordered list, untuk tiap-tiap bagian digunakan <LI> tanpa tag penutup.
Contoh:
<HTML>
<HEAD>
<TITLE>Unordered List</TITLE>
</HEAD>
<BODY>
Empat besar Seri-A Liga Indonesia
<UL>
<LI>PSM Makassar
<LI>Pupuk Kaltim
<LI>Persikota
<LI>Persija Pusat
</UL>
</BODY>
<HTML>

html tingkat lanjut 3
Selain default tanda bullet, Anda bisa menggunakan tanda cakram/disk, lingkaran, atau kotak. Caranya dengan menggunakan atribut TYPE pada tag <UL>
Contoh:
<HTML>
<HEAD>
<TITLE>UL dengan atribut</TITLE>
</HEAD>
<BODY>
Klub sepakbola di Jawa Timur
<UL TYPE=square>
<LI>Mitra Surabaya
<LI>Persebaya
<LI>Persija Jember
</UL>
</BODY>
<HTML>

html tingkat lanjut 4

Sumber Konten: http://www.sejutablog.com/panduan-html-tingkat-lanjut/#ixzz1mxC63N1z

Struktur Dokumen HTML

Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:
<HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>

Contoh:
<HTML>
<HEAD>
<TITLE>Selamat datang di Homepage Saya</TITLE>
</HEAD>
<BODY>
Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama.
</BODY>
</HTML>

Keterangan:
  • Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
Untuk melihat hasilnya, silakan jalankan browser favorit Anda, seperti contoh di bawah ini digunakan Microsoft Internet Explorer.
dasar dasar html 3

Referensi Tag HTML

1. Heading

Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Contoh:
<HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>

dasar dasar html 4

2. Paragraf

Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.
Contoh:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN="right">
Beberapa tahun yang lalu, seorang hartawan meninggal dunia sedangkan ia tidak memiliki ahli waris. Kepada pengacaranya, ia meninggalkan dua buah surat yang disegel.Yang sebuah berisi permintaan agar jenazahnya dikuburkan pada jam empat dini hari. Surat yang kedua belum diketahui isinya karena disampulnya tertulis pesan agar dibuka seusai pemakaman jenazah
<P ALIGN="center">
Sesuai dengan wasiat, jenazah itu dikebumikan pada pukul empat dini hari. Karena tidak lazimnya waktu pemakaman pada jam tersebut, yang ikut mengantar jenazahnya hanya empat orang kawannya yang paling setia
<P ALIGN="left">
Seusai pemakaman, surat wasiat yang kedua dibuka. Betapa terkejutnya pengacara ketika membaca isinya, ialah wasiat bahwa seluruh harta warisan (yang bernilai lebih dari 800.000 pound) dibagi rata kepada orang-orang yang mengantarkan jenazahnya ke pemakaman. Dengan demikian, yang berhak memperoleh harta yang banyak itu hanya empat orang, sebagai imbalan bagi kesetiaan mereka. Sumber humor, kisah dan pepatah
</P>
</BODY>
</HTML>

dasar dasar html 5

Sejarah HTML

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

Dasar-Dasar HTML

Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
  1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
  2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
dasar dasar html 6

3. Blockquote

Perintah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring.
Contoh:
<HTML>
<HEAD>
<TITLE>BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H3>Sesuatu yang tidak perlu dicoba</H3>
<BLOCKQUOTE>
Sesuatu yang kelihatan mengasyikkan tapi sebenarnya lebih banyak menambah masalah pada remaja adalah narkoba, seks, alkohol dan merokok. Jangan sekali-kali mencoba jika tidak ingin membuat masalah baru
</BLOCKQUOTE>
</BODY>
</HTML>

dasar dasar html 7

4. Preformatted Text

Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
Contoh:
<HTML>
<HEAD>
<TITLE>Preformatted Text</TITLE>
</HEAD>
<BODY>
<PRE>
Edisi yang lalu dibahas tentang membuat billing system untuk warnet yang dapat langsung mencetak tagihan.
Kali ini diulas bagaimana menyimpan setiap transaksi dalam database agar bisa diperoleh beberapa laporan secara periodik.
</PRE>
</BODY>
</HTML>

dasar dasar html 8

5. Begin Row (BR)

Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <BR> membuat baris baru tanpa memberi baris kosong di bawahnya.
Contoh:
<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>
<P>Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan ,yaitu:
<BR>Instalasi melalui FTP
<BR>Instalasi melalui CDROM
<BR>Instalasi melalui partisi DOS
</BODY>
</HTML>

dasar dasar html 9

6. Ukuran Font

Untuk mengatur huruf dokumen HTML digunakan tag <FONT SIZE>. Tag <FONT SIZE> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.
Contoh:
<HTML>
<HEAD>
<TITLE>Ukuran font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>Ukuran font 1</FONT>
<FONT SIZE=2>Ukuran font 2</FONT>
<FONT SIZE=3>Ukuran font 3</FONT>
<FONT SIZE=4>Ukuran font 4</FONT>
<FONT SIZE=5>Ukuran font 5</FONT>
<FONT SIZE=6>Ukuran font 6</FONT>
<FONT SIZE=7>Ukuran font 7</FONT>
</BODY>
</HTML>

7. Jenis Font

Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya.
dasar dasar html 10
Contoh:

<HTML>
<HEAD>
<TITLE>Jenis Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT FACE = "Arial">Arial, contoh AC Milan <P>
<FONT FACE = "Verdana">Verdana , contoh Persebaya <P>
<FONT FACE = "Times New Roman">Times New Roman, contoh Indonesia <P>
</BODY>
</HTML>

dasar dasar html 11

8. Warna Font

Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll. Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue.
Contoh:
<HTML>
<HEAD>
<TITLE>Warna Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT COLOR = "red">PSM Makassar<P>
<FONT COLOR = "#FF0000">tetap PSM Makassar kan?<P>
<FONT COLOR = "#00FF00">Ini baru Persebaya<P>
</BODY>
</HTML>

dasar dasar html 12
dasar dasar html 14
Ini adalah bagian terakhir dari seri Dasar-Dasar HTML. Selanjutnya saya akan mencoba nantinya untuk menulis HTML untuk tingkat lanjut.

9. Link

Perintah anchor <A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = “nama_dokumen”>Teks pada browser</A>.
Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>. Misalnya <A NAME = “Bugs”</A>. Cara melakukan link ke bagian tersebut adalah <A HREF = “#nama_anchor”>teks pada browser</A>.
Contoh:
<HTML>
<HEAD>
<TITLE>Link</TITLE>
</HEAD>
<BODY>
<A NAME="lengkap">Pemain-pemain AC Milan menurut abjad</A>
<BLOCKQUOTE>
<P>Abbiati ,<A HREF="#abbiati">info lengkap</A>
<P>Ayala
<P>Ambrosini
<P>Albertini
<P>Boban
<P>
<A HREF="linktujuan.html">kalo mau tahu lagi klik disini</A>
</BLOCKQUOTE>
<P><A NAME="abbiati">Abbiati</A>
<BLOCKQUOTE>
<P>Kiper ketiga timnas Italia runner up Euro 2000
<BR>Kiper utama U-21 juara Piala Eropa U-21
<BR>Kiper utama AC Milan juara Seri-A 1998-1999
</BLOCKQUOTE>
<P><A HREF="#lengkap">kembali ke atas</A>
</BODY>
</HTML>

dasar dasar html 15
<HTML>
<HEAD>
<TITLE>Link tujuan</TITLE>
</HEAD>
<BODY>
<P ALIGN="center"> Maaf, hanya sedikit
<BR>Chamot
<BR>Dida
<BR>Shevchenko
<BR><A HREF="contohlink.html">kembali</A>
</BODY>
</HTML>

dasar dasar html 16




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

            2. (Cantumkan
            3. sebelum butir menu) Kompak Daftar Direktori
            4. (Cantumkan
            5. 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 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
              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
              (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