• Cara membuat background dengn menggunakan HTML
• Cara memformat judul website menggunakan HTML
• Cara memformat font pada HTML
• Cara Membuat text Bold, Italic, Underline, Subscript, Superscript dan Striketrue,
• Cara menampilkan gambar pada dokumen HTML
• Cara membuat garis di dokumen HTML
• Cara membuat link dengan HTML
• Cara membuat text berjalan dengan HTML
• Cara cara membuat list dengan HTML
• Cara membuat tabel menggunakan HTML
• Cara cara menggbungkan kolom dan bari pada tabel dengan HTML
• Cara cara membuat tabel dalam tabel dengan HTML
• Cara memberi warna header tabel dan mengisi tabel
Baik, mari kita mulai pembahasan kita satu persatu
Cara membuat Background dengan HTML
Atribut ini digunakan sebagai latarbelakang halaman website kita. Latar belakang itu bisa berupa gambar atau halaman agar berwarna merah, kuning atau hijau atupun yang lain sesuai selera.
Cara penulisan untuk background dengan gambar adalah sebagai berikut:
<body background="url gambar/lokasi penyimpanan gambar">
Contoh penulisannya:
<html>
<head>
<titel>Membuat Background dengan Gambar</>
<body background=”images/bg.jpg”>
Memberi Background dengan gambar
</body>
</html>
Catatan: untuk memudahkan dalam latihan, buatlah folder khusus latihan, misal “latihan HTML” kemudian didalam folder tersebut buatlah folder “images” yang berfungsi untuk menyimpan gambar
Cara memformat judul web menggunakan HTML
Format judul biasa digunakan untuk membuat judul postingan / artikel dalam halaman web. Dalam membaut judul teks bisa mengguankan tag heading. Tag heading ini terdiri dari beebrapa level. Agar bisa lebih memahami tentang tag heading, perhatikan contoh berikut:
<html>
<head>
<title>Membuat Judul Artikel</title>
</head>
<body>
<h1>Judul Artikel Level 1</h1>
<h2>Judul Artikel Level 2</h2>
<h3>Judul Artikel Level 3</h3>
<h4>Judul Artikel Level 4</h4>
<h5>Judul Artikel Level 5</h5>
<h6>Judul artikel Level 6</h6>
</body>
</html>
Simpan script diatas dengan nama “latih2” di folder yang telah anda buat tadi, salanjutnya jalankan, maka akan tampak hasil seperti berikut:
No comments:
Post a Comment