Membuat Halaman Web Sederhana dengan HTML ~ Roisa

Membuat Halaman Web Sederhana dengan HTML

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:

image

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

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 :)

 
Wedoo Indonesia