HTML Informatika Pemrograman

CARA MEMBUAT WEBSITE HTML SEDERHANA

APLIKASI PENDUKUNG

  1. Notepad++, silahkan download disini
  2. Web browser, silahkan download disini (Google Chrome), atau menggunakan browser lain silahkan

LANGKAH-LANGKAH PEMBUATAN WEBSITE HTML

1.Buka aplikasi Notepad++ yang sudah terdownload dan terinstall sebelumnya di komputer Kalian.
2.Copy script html dibawah ini ke lembar kerja Notepad++;

<html>
<head>
    <title> Belajar membuat website dengan HTML </title>
</head>
<body bgcolor="gray">
    <center><h1> ZONA MATERI </h1></center>
    <hr width=100%>
    <h2><b>HURUF BESAR DAN TEBAL</b></h2>
    <i>HURUF MIRING</i><br><u>HURUF DENGAN GARIS BAWAH</u>
    <h3>MEMBUAT DAFTAR:</h3>
    <p>1.Berdoa<br>2.Berkarya<br>3.Berusaha</p>
    <marquee>TULISAN BERJALAN DARI KANAN KE KIRI | Contoh script sederhana website dengan HTML | zonamateri.com</marquee>
</body>
</html>

3.Simpan lembar kerja Notepad++ ke komputer Kalian dengan lokasi penyimpanan file yang Kalian inginkan, simpan dengan ditambahkan format “.html” dibelakang nama file, contoh ; zonamateri.html
4.Buka file yang telah Kalian simpan sebelumnya menggunakan browser dengan cara klik dua kali file tersebut
5.Dan selamat Kalian telah berhasil membuat sebuah halaman website.

PENJELASAN FUNGSI MASING-MASING KODE TAG HTML DIATAS

  1. <html></html> : digunakan untuk memulai dan menutup sebuah halaman website
  2. <head></head> : digunakan untuk membuat informasi atau judul sebuah halaman website
  3. <title></title> : digunakan untuk memulai menulis judul sebuah halaman website
  4. <body></body> : digunakan untuk memulai dan menutup area konten atau isi sebuah halaman website
  5. bgcolor : digunakan untuk merubah tampilan warna latar belakang, nilainya bisa diganti dengan ; red, blue dsb
  6. <center></center> : digunakan untuk perataan tengah tulisan atau gambar
  7. <h1></h1> : digunakan untuk memperbesar ukuran tulisan, <h1> adalah nilai ukuran paling besar dan yang terkecil adalah <h6>
  8. <hr> : digunakan untuk membuat garis
  9. width : digunakan untuk mengatur lebar sebuah tampilan, dengan nilai maksimal adalah 100%
  10. <b></b> : digunkan untuk menebalkan tulisan
  11. <i></i> : digunkan untuk membuat tulisan miring
  12. <br> : digunakan untuk mebuat baris baru
  13. <u></u> : digunakan untuk membuat tulisan bergaris bawah
  14. <p></p> : digunakan untuk membuat sebuah paragraf
  15. <marquee></marquee> : digunkan untuk membuat tulisan berjalan