Rabu, 10 Juni 2009

Mengenal HTML tahap 4

Sekarang dilanjutkan dengan tahap 4, jika gambar kurang jelas dapat diklik untuk zoom.
Pengaturan Huruf (font)

Untuk mengatur jenis, ukuran, warna pada suatu font, kita bisa menggunakan tag , tag ini memiliki beberapa atribut diantaranya FACE dan COLOR.
Atribut Face digunakan untuk menentukan jenis font yang akan kita gunakan, semisal kita akan menggunakan jenis font Verdana, maka kita dapat menuliskan . Sedangkan untuk Color berfungsi menetukan jenis warna Font, bisa menyebutkan nama jenis warna seperti red, green, dan blue atau menggunakan nilai RGB (Red Green Blue) dari suatu jenis warna, Misalnya FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk blue. Ada juga atribut Size untuk menentukan ukuran font, contoh keseluryhannya seperti dibawah;


Dan hasilnya;


Untuk berikutnya dapat anda lihat di menu arsipMengenal HTML tahap 5


Raymond Software
http://www.healthygenerationz.com
http://www.raymond-software.blogspot.com

Mengenal HTML tahap 3

Setelah melewati tahap 1 dan tahap 2 kita lanjutkan pada tahap 3 yaitu paragraf.
Paragraf

Untuk menformat paragraf kita bisa menggunakan tag . Dengan tag ini kita bisa menentukan aligment (posisi) dari dokumen HTML. Untuk mengatur posisi tulisan kita menggunakan atribut ALIGN. Atribut ALIGN diikuti dengan posisi yang dinginkan.
Selain tag ada pula tag untuk pindah baris, untuk membuat garis, untuk membuat kutipan, untuk menampilkan text sama dengan yang anda ketikkan dalam dokumen HTML, misal anda mengetikkan:

Maka yang ditampilkan oleh browser adalah
HalloHalloHallo
Hal itu terjadi karena HTML tidak mengenali tombol Enter sehingga tombol tersebut diabaikan. Untuk mengatasi hal tersebut maka kita menggunakan tag tersebut.

Tampilan akan menjadi seperti dibawah ini;


Untuk berikutnya dapat anda lihat di menu arsip Mengenal HTML tahap 4


Raymond Software
http://www.healthygenerationz.com
http://www.raymond-software.blogspot.com

Mengenal HTML

HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat halaman web di internet. HTML memungkinkan kita untuk menampilkan teks, gambar, link ke halaman lain, membuat form isian, menyisipkan video, suara, dan bermacam - macam format yang lainnya.


Disini kita akan mengulas dasar-dasar Tag HTML
1. Heading
2. Paragraf
3. Pengaturan Huruf
4. Warna Dokumen
5. Link
6. Menampilkan Gambar
7. Menggunakan Tabel
8. Cellpadding dan Cellspacing
dan seterusnya.

Struktur Dokumen HTML

Dokumen HTML sebenarnya hanya berupa file teks biasa yang dilengkapi dengan tanda-tanda khusus seperti (tag)yang menentukan bagaimana teks tersebut ditampilkan. karena itu, dokumen HTML dapat dibuat menggunakan teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya. Namun sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front Page, Macromedia Dreamweaver, Adobe GoLive, dan lain-lain.

Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol '<>', sedangkan pasangan atau akhir perintah dari sebuah tag ditandai dengan tanda'/', misalnya pasangan dari tag adalah .

Dokumen HTML biasanya disimpan dengan extension .htm atau .html. Untuk membuka dokumen HTML ini, diperlukan sebuah web browser. Contoh web browser yang banyak dipakai adalah: Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla Firefox, dan sebagainya. Berikut ini adalah sebuah contoh dokumen HTML sederhana.

note:"Click gambar ini jika kurang jelas!"
tag html
Jika dokumen dibuka pada browser akan tampak seperti dibawah ini;

Dokumen HTML dapat dibagi menjadi dua bagian, yaitu bagian kepala (HEAD) dan tubuh (body). Bagian kepala ditandai dengan tag Pada bagian ini biasanya diisi dengan informasi-informasi tambahan yang berguna bagi web browser ketika menampilkan halaman tersebut, atau informasi untuk search engine. Bagian tubuh diapit tag Isi dokumen dan tag-tag HTML lainnya diletakkan dibagian ini.

Salah satu elemen penting yang terletak pada bagian head adalah title. seperti tampak pada contoh diatas, teks yang diapit tag ditampilkan pada title bar web browser.

Untuk berikutnya dapat anda lihat di menu arsip klik disini


Raymond Software
http://www.healthygenerationz.com
http://www.raymond-software.blogspot.com

Mengenal HTML tahap 2

Heading

Tag yang pertama kali akan kita pelajari adalah tag heading, yang berfungsi untuk menformat Heading (judul/sub judul) dalam sebuah dokumen. Ada 7 buah yang dikenal dalam HTML yaitu sampai Untuk mengetahui ukuran tiap heading, anda dapat mencoba baris-baris berikut:

Untuk berikutnya dapat anda lihat di menu arsip Mengenal HTML tahap 3


Raymond Software
http://www.healthygenerationz.com
http://www.raymond-software.blogspot.com