Tugas 2 PKTI 2C

Pada sebelumnya, kita sudah mempelajari cara untuk membuat html dari notepad. Sekarang mari belajar untuk membuat html kita menjadi lebih unik lagi, dengan membuat tampilan jadi lebih berwarna dan vertikal
  • Buka aplikasi notepad 
  • Buat kode program seperti dibawah ini untuk membuat hasil menjadi vertikal dan font menjadi warna sesuka kita.
<html>
<head>
<title>  Judul Yg Ingin Anda Gunakan </title>
</head>
<body>
<p style="color : pilih warna yang diinginkan">
<body> Kalimat pertama yang ingin anda ketik
<br>
<body> kalimat kedua yang ingin anda ketik

<br>
<body>
<B> Kalimat ketiga yg ingin anda ketik </B>  (Penggunakan B seperti ini membuat tulisan anda akan menebal apabila di tambilkan di media browser anda)
</html>
  • Contohnya seperti ini


 Setelah itu simpan dokumen, dengan cara:
a)     Klik File Save as
b)     Ubah File name
c)     Klik “Save as type” dan klik “All Files”
d)     Klik “Encoding” dan pilih “ANSI”
e)     Pilih folder yang diinginkan untuk menyimpan file
f)      Klik “Save”
·         Setelah itu buka file pada folder yang telah dipilih, kemudian klik dua kali
Kemudian akan muncul program aplikasi web (Mozilla Firefox, Internet Explorer, Google Chrome, dll.) dan berikut hasilnya:
  •  Buat kode program seperti dibawah ini untuk membuat hasil menjadi bergerak dengan menggunakan MARQUEE
 <html>
<head>
<title> Judul yang ingin anda ketik </title>
</head>
<body>
<p style="color:Green">
<marquee behavior="alternate"> Kalimat pertama yang anda ingin ketik </marquee>
<marquee direction="right"> kalimat Kedua yang anda ingin ketik </marquee>
<marquee direction="left"> Kalimat ketiga yang anda ingin ketik </marquee>
<body>
</html>
  • Contohnya seperti ini


 Dengan Format penyimpanan yang sama seperti diatas maka hasilnya akan seperti ini
  • Penggunaan HTML tak hanya digunakan dengan MARQUEE, tetapi dapat juga menggunakan HYPERLINK yang membuat para pembaca apa bila di klik menampilkan website baru
Dengan Format penyimpanan yang sama, akan menampilkan
Dan, apabila anda meng klik profil, maka anda akan melihat akun saya, selamat Mencoba :)

Komentar

Posting Komentar

Postingan Populer