Membuat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar. Dimana terdapat minimal sebuah heading dan garis berwarna, gambar dengan garis tepi (border), dan halaman utama dengan latar belakang gambar sembarang dapat dibuat dengan HTML.
Printscreen web sederhana berbasis HTML:
Kode HTML:
Penjelasan Singkat:
Pada pembuat halaman web sederhana diatas, sudah menggunakan struktur penulisan HTML5 yang lebih ringkas dengan bentuk sebagai berikut:
Untuk menampilkan teks pada halaman web dapat menggunakan elemen heading, dimulai dari heading 1 <h1> sampai dengan heading 6 <h6>. Pada elemen heading menyediakan atribut align yang dapat digunakan untuk mengatur posisi, left, right, ataupun center.
Selanjutnya untuk menampilkan garis horizontal dapat direpresentasikan melalui tag <hr>.
Bagaimana untuk pembuatan list?
Ada 3 macam list, yaitu yang terurut <ol>, tak terurut <ul>, dan definisi <dl>. Untuk menggunakan list, setelah dibuka dengan pilihan macam list dapat dilajutkan dengan mengetik list-nya <li>
Sekarang memasukkan gambar, untuk gambar background, langsung saja ditelakkan pada bagian <body> di tambahkan missal <body background="belajar_html/bgbinner.jpg"> maka akan keluar background dengan gambar yang kita punya. Kalau ingin memasukkan gambar ke web beda lagi, yang digunakan, misal <img src="belajar_html/binner_1st.jpg" width="100" height="150" border="2">
Tidak seru jika tidak ditambahkan link dan alamat email, karena dengan menambah link ataupun email, jalinan komunikasi kita dengan link yang kita hubungkan dapat terlaksana dengan mudah alias sekali klik, misal:
Terima kasih..
Untuk review dalam bentuk word dapat di download disini: roisa_lab1-2_html.dotx
Semoga bermanfaat
Roisatul Azizah – 109533414524
Artikel Lainnya
- Sistem Keamanan Komputer: Firewall
- Elements of Computer Security - E-book
- Kuliah di Fakultas Teknik Univesitas Negeri Malang (FT UM)
- Profile Fakultas Teknik Universitas Negeri Malang (FT UM)
- Sistem Informasi – Data Flow Diagram (DFD)
- Semoga Berkesempatan Mendapat Beasiswa dan Kado Pendidikan DataPrint untuk Pendidikan dan Kreativitas Indonesia
- Slide Show AdekRoisa.blogspot.com Edisi Semester 5 Super!!
- Jadwal Kuliah Semester 5 PendtoffA [S1 Pendidikan Teknik Informatika 2009 Off. A]
- Ayo Belajar, Ayo Maju, Semangat Belajar dan Belajar
- Membuat Aplikasi Kalkulator 'KaLiBaTa' Berbasis JavaScript
- Desain Web berbasis CSS3 dan HTML5
- Membuat Kreasi Border dan Object dengan Script Cascading Style Sheet ft. HTML
- Membuat Layout Website seperti Facebook memanfaatkan kolaborasi CSS3 dan HTML5
- Komponen HTML Lanjut: Membuat Kreasi Grafik Batang Statis
- Daftar blog teman-teman PendtoffA
- Membuat Desain Halaman Web Berbasis Frame pada HTML
- Dormitory State University of Malang
- PTI479 - Web Programming Lab.
- PTI454 - Operating System
- PendtoffA in Action
- Jadwal Kuliah S1 PTI 2009 Off A
- PTI439 - Visual Language Programming Lab.
- Changing My Blogger Template, semoga lebih cepat dan bermanfaat >>
- Programming: C ANSI / ANSI-C (Contoh Source Code), apa bedanya bahasa C dan C++ ?
0 comment:
Posting Komentar
Informasi Pilihan Identitas:
Google/Blogger : Account special blogger
Another : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan). salam hangat, Roisa :)