pengantar html,contoh html dan tutorial html
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:
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
Mendefinisikan daerah yang dapat diklik (link) pada image map
Membuat teks tebal
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
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
Indents teks
Menambahkan sound or file avi ke halaman web
Seperti tag
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
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
- )
Membuat scrolling teks (teks berjalan) - hanya pada MS IE
Mencegah ganti baris pada teks atau images
- Mendefinisikan awal dan akhir list
Ganti paragraf
Membuat teks dengan ukuran huruf yg sama