banner image

Pengertian HTML Dan Contohnya


Di dalam dunia coding web tentu langkah dasar yang wajib kita pahami adalah tentang HTML ini, kali ini saya akan memberikan pengertian tentang HTML beserta contoh scriptnya.

Apa Itu HTML?

  • HTML adalah bahasa markup standar untuk membuat halaman Web.
  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur halaman Web menggunakan markup
  • Elemen HTML adalah blok bangunan dari halaman HTML
  • Elemen HTML diwakili oleh tag
  • Tag HTML memberi label potongan konten seperti "judul", "paragraf", "tabel", dan seterusnya
  • Browser tidak menampilkan tag HTML, namun gunakan untuk menampilkan konten halaman
Contoh Dokument HTML Yang Sederhana

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Postingan Pertama Saya</h1>
<p>Contoh Paragraf Pertama</p>

</body>

</html>

Penjelasan:
<! DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
<html> adalah elemen akar dari halaman HTML
<head> berisi informasi meta tentang dokumen
<title> menentukan judul untuk dokumen
<body> berisi konten halaman yang terlihat
<h1> mendefinisikan besar heading
<p> mendefinisikan sebuah paragraf

Untuk membuktikan bekerja atau tidaknya script di atas yang harus kita lakukan adalah.
1. Buka notepad di komputer/laptop.
2. Ketikan script web HTML di atas.
3. Save As notepad di folder yang anda inginkan dengan nama file tesweb.html dan Save As Type ganti menjadi All Files.
4. Klik kanan file yang tadi di Save As, Open with pilih Firefox atau Google Chrome. Jika berhasil maka tampilan di Firefox Atau Google Chrome seperti gambar di bawah ini. (Perhatikan Tanda Berwarna Merah)

Sekian artikel Pengertian HTML Dan Contohnya semoga membantu pembaca yang lagi mencari tutorial tentang website yang berbasis HTML.
Pengertian HTML Dan Contohnya Pengertian HTML Dan Contohnya Reviewed by Unknown on 11:10 PM Rating: 5

4 comments:

  1. Makasih gan infonya sangat membantu

    ReplyDelete
  2. paling dasar buat pemula mudah dimengerti sebelum ke tahap selanjutnya. Nice informasi

    ReplyDelete
    Replies
    1. Iya gan, apalagi kalau doyan "ngulik" pasti lebih fast nyerep pengetahuannya :)

      Delete

Powered by Blogger.