HTML – 03. Latihan Struktur Dasar HTML

berikut ini ada beberapa contoh latihan HTML dasar-dasar HTML terkait dengan pembahasan sebelumnya. silahkan anda coba dan lihat hasilnya. 

Gunakan teks editor misalkan “Notepad” untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah anda install pada komputer. untuk referensi Text editor yang bisa anda coba silahkan anda buka Artikel kami dengan judul “10 Text Editor Gratis Biar ga Bosen Ngoding Pake yang Itu-Itu Aja

Latihan 1:

untuk latihan pertama, silahkan anda buka text editor anda, bisa menggunakan Adobe Dreamweaver/Notepad/Atau Text Editor favorit anda lalu buat File dengan Nama latihan1_1.html dan selanjutnya silahkan ketik script dibawah ini

Nama file: latihan1_1.html

<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
        Belajar bahasa pemrograman web ternyata mudah juga 🙂
</body>
</html>

jika dijalankan maka hasilnya adalah seperti gambar dibawah ini

 

Latihan 2:
selanjutnya kita akan Merubah warna teks menjadi merah, caranya, silahkan anda buat file baru dan save dengan nama latihan1_2.html, dan selanjutnya silahkan anda ketik Script Dibawah ini

Nama file: latihan1_2.html

<html>
<head>
<title>Latihan1-2</title>
</head>
<body text=“red”>
        Belajar bahasa pemrograman web ternyata mudah juga 🙂
</body>
</html>

dan hasilnya seperti gambar dibawah ini

Latihan 3:

Merubah warna background menjadi hitam.

Nama file: latihan1_3.html

<html>
<head>
<title>Latihan1-3</title>
</head>
<body text=“red” bgcolor=“black”>
        Belajar bahasa pemrograman web ternyata mudah juga 🙂
</body>
</html>

dan hasilnya seperti gambar dibawah ini

Latihan 4

Merubah background dengan suatu gambar.

Nama file: latihan1_4.html

<html>
<head>
<title>Latihan1-4</title>
</head>
<body text=“red” bgcolor=“aqua” background=“images/Desert.jpg”>
        Belajar bahasa pemrograman web ternyata mudah juga 🙂
</body>
</html>

Dan hasilnya seperti gambar di bawah ini

catatan:

  • ./images/ = nama direktori file gambar disimpan
  • Desert.jpg = nama file gambar
  • .jpg = adalah extensi dari gambar

untuk penentuan warna baik warna tulisan maupun warna background, anda bisa menggunakan warna dasar yang bisa anda sebutkan dengan bahasa inggris, misal black, white, yellow dan lain-lain. anda juga bisa menggunakan format warna dengan kode seperti #FFFFFF adalah putih #000000 adalah hitam. dan jika anda merasa kebingungan untuk menentukan warna dengan kode. mungkin artikel dibawah ini dapat membantu anda untuk menentukan warna yang sesuai dengan keinginan anda. sialhkan klik artikel ini “10 Situs Perpaduan Warna Buat Websitemu jadi Tambah Ganteng“.

Terima Kasih dan selamat mencoba

Post Author: adminwu