-->
MusaAbid
MusaAbid Hi, i'm tech enthusiast. Write some code and letter to be your "Oohhaaa" keyword.

Mari Bersama Mengenal HTML!

Apa itu HTML?

Selamat datang di HTML!

HTML adalah HyperText Markup Language.

Tidak sepeti scripting atau bahasa pemrograman yang menggunakan berbagai script untuk melaksanakan sebuah fungsi, Markup Language menggunakan tags untuk mengidentifikasi sebuah konten.

Berikut contoh dari tag HTML:

<p>Saya merupakan sebuah paragraf</p>

 Struktur Web

Kemampuan untuk menulis kode HTML merupakan kebutuhan pokok bagi setiap Web Profesional. Mengakuisisi kemampuan ini merupakan titik permulaan bagi setiap orang yang belajar tentang bagaimana membuat konten untu sebuah web.

Web Desain Modern

HTML: Struktur
CSS: Presentasi
Javascript: Kelakuan

PHP atau semisalnya: Back-end
CMS: Content Management

Catatan: HTML sangat mudah dipelajari. Jadi, hanya menunggu! Langsung dalami!

Struktur Dasar Dokumen HTML

Tag <html>

Meski berbagai versi sebelumnya telah dirilis selama bertahun-tahun, pada dasarnya HTML masih serupa.

Struktur dokumentasi HTML telah dibandingkan dengan sandwich. Sebab sandwich memiliki dua potong roti untuk bagian atas dan bawahnya, dokumentasi HTML pun mengimplementasikan hal yang serupa dengan adanya tag HTML pembuka dan tag penutupnya.

Tag berikut seperti roti dalam susunan sandwich yang menutup bagian atas dan bawah:

<html>
  ....
</html>

 Catatan: Segala sesuatu yang berada di dokumen HTML dikelilingi oleh tag <html>.

Tag <head>

Setelah tag HTML pembuka, tag HEAD sangat diperlukan dalam dokumen HTML, yang diidentifikasi dengan membuka dan menutup tag kepala.

Kepala dokumen HTML berisi semua elemen non-visual yang membantu dalam membuat halaman agar berfungsi.

<html>
  <head>
  </head>

<html>

 Catatan: Elemen di bagian kepala akan dibahas nanti.

Tag <body>

Tag BODY mengikuti tag HEAD.

Semua elemen visual-struktural terkandung dalam tag body.

Judul, paragraf, daftar, kutipan, gambar, dan tautan hanyalah beberapa dari elemen yang dapat dimuat dalam tag BODY.

Struktur dasar HTML:

<html>
  <head>
  </head>
  <body>
  </body>

</html>

Catatan: Tag <body> mendefinisikan konten utama dari dokumen HTML. 

Membuat dokumen HTML pertama kamu

File HTML

File HTML adalah file teks, jadi kamu dapat menggunakan text editor apa pun untuk membuat halaman web pertama kamu.

Ada berbagai text editor bagus tersedia yang dapat kamu gunakan untuk mengedit file HTML, kamu dapat memilih salah satu text editor yang sesuai denganmu. Kali ini mari kita tulis dengan meggunakan Visual Studio Code.

mengenal apa itu html visual studio code index.html

Catatan: Kedepannya nanti, kamu akan dapat menjalankan, menyimpan, dan membagikan kode HTML di fitur Code kami, tanpa perlu menginstal perangkat lunak tambahan apa pun.

Tambahkan struktur dasar HTML ke dalam text editor dengan "Ini adalah sebaris teks" di section BODY.

<html>
  <head>
  </head>
  <body>
    Ini adalah sebaris teks.
  </body>
</html>

Dalam contoh berikut, file disimpan sebagai index.html

Saat file dibuka, hasil berikut yang ditampilkan di web browser:

mengenal apa itu html tampilan web browser index.html

 Catatan: Jangan lupa untuk menyimpan file tersebut. Nama file dokumen HTML harus berakhiran dengan .html atau .htm

Tag <title>

 Untuk menempatkan judul pada tab yang mendeskripsikan halaman web, tambahkan element <title> ke HEAD section dokumen HTML:


MusaAbid
MusaAbid  Hi, i'm tech enthusiast. Write some code and letter to be your "Oohhaaa" keyword.

Komentar