Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu HTML,HEAD dan BODY.
Tag HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML.
LISTS
Terdapat lima tipe list yang dapat digunakan, yaitu :
Unordered Lists
- : Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag
- .
Contoh :- item nomer 1
- item nomer 2
- item nomer 3
- : Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan
- tag.
Contoh :- item nomer 1
- item nomer 2
- item nomer 3
- Contoh :
- item pertama.
- penjelasan tentang item pertama.
- item kedua.
- penjelasan tentang item kedua
TABEL Dalam pembuatan homepage, tabel memiliki fungsi yang tidak kalah penting dengan tag-tag HTML lainnya. Pertama tabel berfungsi untuk menampilkan informasi secara terstruktur, ringkas dan mudah dibaca, kedua berfungsi untuk mengatur tampilan homepage agar lebih menarik. Tag utama untuk tabel yaitu
dan untuk membuat judul tabel tag-nya table header lalu untuk membuat data tabel atau isi tabel menggunakan tag table Data dan untuk membuat baris adalah memakai tag Table Rows FORM Form biasanya digunakan untuk mengumpulkan informasi dari user, sehingga memungkinkan suatu web server untuk menerima informasi dari pemakai melalui sejumlah elemen yang disebut kontrol. Kontrol ini bisa berupa suatu textbox, checkbox, radio button, push button, list menu dan lainnya. Standart penulisan form :
struktur dokumen html hello,… selamat belajar membuat home page dengan html Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik1.html Jalankan internet explorer dan buka file praktik1.html 2. Heading dalam HTML :::heading dokumen html:: heading tingkat 1
heading tingkat 2
heading tingkat 3
heading tingkat 4
heading tingkat 5
heading tingkat 6
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik2.html Jalankan internet explorer dan buka file praktik2.html 3. Paragraf dalam HTML :paragraf HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta web browser.Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan dan mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya.Web Browser yang bertindak sebagai client memungkinkan anda untuk menginterpretasikan dan melihat informsi pada Web, sedang web server yang bertindak sebagai server memungkinkan anda untuk menerima informasi yang diminta browser Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik3.html Jalankan internet explorer dan buka file praktik3.html 4. Preformatted Text dalam HTML :preformatted text uniform resource locator (url) ============================== url adalah suatu sarana yang dipakai untuk menentukan lokasi informasi pada suatu web server. url dapat diibaratkan suatu alamat, dimana alamat tersebut terdiri dari : :) protokol yang digunakan oleh suatu browser untuk mengambil informasi :) nama komputer ( server ) dimana informasi tersebut berada :) jalur/path serta nama file dari suatu informasi
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik4.html Jalankan internet explorer dan buka file praktik4.html 5. BLOCKQUOTE dalam HTML :blockquote sesuatu yang tidak perlu dicoba
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
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik5.html Jalankan internet explorer dan buka file praktik5.html 6. Line Break dalam HTML :linebreak banyak cara yang dapat digunakan untuk melakukan instalasi freebsd. namun ada tiga cara yang paling sering dilakukan , yaitu :
instalasi melalui ftp
instalasi melalui cdrom
instalasi melalui partisi dos Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik6.html Jalankan internet explorer dan buka file praktik6.html 7. Ukuran font dalam HTML :ukuran font ukuran font 1
ukuran font 2
ukuran font 3
ukuran font 4
ukuran font 5
ukuran font 6
ukuran font 7
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik7.html Jalankan internet explorer dan buka file praktik7.html 8. Jenis font dalam HTML :jenis font arial , contoh ac milan
verdana , contoh persebaya
tahoma , contoh indonesia
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik8.html Jalankan internet explorer dan buka file praktik8.html 9. Warna font dalam HTML :warna font yogyakarta
kota budayakota pariwisata dan pendidikan Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik9.html Jalankan internet explorer dan buka file praktik9.html 10. Link dalam HTML : link pemain-pemain ac milan menurut abjad abbiati ,info lengkap ayala ambrosini albertini boban kalo mau tahu lagi klik disini abbiati kiper ketiga timnas italia runner up euro 2000 kiper utama u-21 juara piala eropa u-21 kiper utama ac milan juara seri-a 1998-1999 kembali ke atas Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik10.html Jalankan internet explorer dan buka file praktik10.html 11. Link tujuan dalam HTML : link tujuan maaf, hanya sedikit chamot dida shevchenko kembali Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik11.html Jalankan internet explorer dan buka file praktik11.htm 12. Membuat Tabel rancangan awal buku tamu:: Tabel :: No. Nama Alamat No. Telpon 1 Dr. Hamzah Haz
2 Mega Mendung
3 Bejo Sembrono
:: Tabel yang kompleks ::
Fakultas
Bahasa
Ekonomi
Teknik
Inggris
Jepang
Mandarin
Ekonomi
Manajemen
Industri
Informatika
Mesinform input dengan text box
nama : alamat : sekolah :
ayam goreng gado-gado sate kambing nasi goreng
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik15.html Jalankan internet explorer dan buka file praktik15.html 16. Membuat Form Input dengan Radio box form input dengan radio box pilih salah satu usia anda
< 15 tahun 15-19 tahun 19-25 tahun 25-35 tahun > 35 tahun
Tulislah kode html tersebut diatas dengan program editor notepad, kemudian simpan kedalam direktori data anda dengan nama file praktik16.html Jalankan internet explorer dan buka file praktik16.html 17. Membuat Formulir Buku Tamubuku tamu buku tamu::kiri:: Nama File : kanan.html Nama File : profil.html profil :
portal web ini adalah hasil karya anak-anak yang suka gembus
buatlah atau tulis kode file-file tersebut diatas
Jalankan internet explorer dan buka file praktik18.html
Tidak ada komentar:
Posting Komentar