pengantar html,contoh html dan tutorial html

11 March 2013 16:20:28 Dibaca : 112

1.Pengantar HTML

HTML merupakan Singkatan dari Hyper Text Markup Language, Hyper text adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju. Pada pengertiannya di sini Markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web. Language atau dalam bahasa indonesia bisa di artikan 'Bahasa', Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.

dalam situs wikipedia, HTML atau Hyper Text Markup Language merupakan bahasa markup yang digunakan untuk membuat sebuah halaman web/situs, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web/situs. HTML bisa juga di artikan sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web/situs dengan lengkap kepada pengguna.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

v Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tujun.

v Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

v Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.

2.Contoh-contoh HTML



Sightseeing Ma Blog

 

WELCOME TO MY

HOMPEPAGE ‘

 

 

Enjoy Your

Visit

 

 

 

Draco Dormiens Nunquams Titillandus

 

 

 

Crated By : Emma Akai

visit me @ my blog :

 

with99.tumblr.com

with99.multiply.com

with99.blogspot.com

with99.wordpress.com

 

3.Tutorial HTML

Tutorial Html

Paragraph Baru:

Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran

tapi juga bisa tidak diberi.

Line Break:
Digunakan untuk pindah ke baris baru.

No Line Break: Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecildan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

Contoh teks yang berwarna merah

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

 

Base Font: Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

Bold text

Italic text

Underscore

Typewriter

Strikeout - draws a line through the text

 Preformatted Text  Definition

Text berkedip (lebih baik jangan digunakan)

Strong

 

Italic

Digunakan untuk quoting text

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

Ukuran teks akan lebih besar satu ukuran

Ukuran teks akan lebih kecil satu ukuran

Membuat tekssuperscript

membuat tekssub script

Abbreviations

Untuk akronim

Digunakan untuk indexing

Membuat short inline quotation

Membuat variable name, selalu dalam italics.

Links : Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara dan akan terdapat garis bawah.

Contoh :

Klik di sini Untuk membuat link ke halaman lain.
Klik di sini Untuk membuat link pada alamat e-mail.

Klik di sini Untuk membuat link ke bagian lain pada halaman yang sama.

Klik di sini Untuk membuat link kebagian lain pada halaman yang berbeda.

Untuk membuat link dengan menggunakan gambar.

Tabel

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table :

,, dan

. Yang perlu diingat adalah bahwa tabdan harus terletak di antara tagdan

Kumpulan Tag HTML

Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

Sebagai awal dari Java applets

Mendefinisikan daerah yang dapat diklik (link) pada image map

Membuat teks tebal

Membuat atribut teks default seperti jenis, ukuran dan warna font

Memberi (suara latar) background sound pada halaman web

Memperbesar ukuran teks sebesar satu point dari defaultnya

Membuat teks berkedip

Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link


Pindah baris

Membuat caption pada tabel

Untuk perataan tengah terhadap teks atau gambar

Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

Indents teks

Represents different sections of text.

Menambahkan sound or file avi ke halaman web

Seperti tag

Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

Mendefinisikan input form

Mendefinisikan frame

Mendefinisikan attribut halaman yang akan menggunakan frame

...

Ukuran font

Mendefinisikan head document.


Membuat garis horizontal

Bararti dokumen html

Membuat teks miring

Image, imagemap atau an animation

Mendefinisikan input field pada form

 

  • Membuat bullet point atau baris baru pada list (berpasangan dengan tag,,

 

    and
      )

Mendefinisikan client-side map

Membuat scrolling teks (teks berjalan) - hanya pada MS IE

Mencegah ganti baris pada teks atau images

Jika browser user tidak mendukung frame

    Mendefinisikan awal dan akhir list

Ganti paragraf

 Membuat teks dengan ukuran huruf yg sama

Blogroll

  • Masih Kosong