Selasa, 09-Agu-2022

Struktur Dasar HTML

0 BYAdmin

Baiklah kode di bawah ini pada bagian sebelumnya pernah kita coba ya. Jadi ini hanya sekedar review saja dari pertemuan di bagian sebelumnya. 

<html>
  <head>
    <title>Judul Halaman...</title>
  </head>
  <body>
    <h1>Ini adalah Header...</h1>
    <p>Konten berada disini...</p>
  </body>
</html>

  

  

Penulisan html menggunakan tag HTML, setiap tag ada bagian pembuka seperti <html> dan juga penutup seperti </html> perbedaannya, tag penutup selalu menggunakan garis miring "/" sebagai tag penutup. Dan diantara tag pembuka dan penutup terdapat konten yang bisa berisi teks maupun tag HTML lainnya, keseluruhan tag HTML dan konten didalamnya disebut Elemen HTML.

Berikut adalah keterangan tag HTML pada contoh diatas

<html>, Tag untuk membuka dan menutup keseluruhan dokumen HTML, dan tentunya setiap pembuka harus di akhiri dengan </html>

<head>, Tag yang menunjukan header sebuah halaman, bisa berisi tag <title>, <link>, <script> pustaka untuk menyisipkan javascript, css style, dan lain lain, yang mana itu semua kita akan bahas lebih lanjut nanti. Jangan lupa untuk menutuonya dengan </head>

<title>, Tag untuk menentukan judul sebuah halaman, diakhiri dengan </title>

<body>, Tag yang berisi konten yang akan ditampilkan di browser. Nah apa yang tampil dibrowser , gambar dan teks itu semuanya harus diletakkan di dalam tag body ini. Jangan lupa menutupnya dengan </body>

<h1>, Tag header. Pada contoh kali ini kita menggunakan tag header ini, menunjukkan headline dari suatu halaman website. Tag header h1 ini biasanya digunakan untuk judul suatu postingan. Diakhiri dengan </h1>. 

<p>, Tag paragraf, yang terakhir ini digunakan untuk menyusun paragraf atau kalimat-kalimat dalam suatu postingan/artikel di halaman website. Di akhiri dengan </p>

Mudah-mudahan penjelasannya bisa dimengerti. Jika kurang mengerti bisa diskusi langsung di kolom komentar dibawah ini.