Tutorial dan Pengenalan HTML Dasar

Admin
September 30, 2021
Pengenalan HTML Dasar

Description

Code Candil Kuya - Halo Sobat Code Candil Kuya, di artikel kali ini kita akan belajar HTML, HTML adalah bahasa markup standar untuk halaman Web. Dengan HTML Anda dapat membuat Website Anda sendiri. HTML mudah dipelajari - Anda akan menikmatinya!

Perlu Anda ketahui HTML adalah bahasa markup standar untuk membuat halaman Web.

Apa itu HTML?

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML adalah bahasa markup standar untuk membuat halaman Web
  • HTML menggambarkan struktur halaman Web
  • HTML terdiri dari serangkaian elemen
  • Elemen HTML memberi tahu browser cara menampilkan konten
  • Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll.

Dokumen HTML Sederhana


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Contoh Dijelaskan

  • The <!DOCTYPE html>deklarasi mendefinisikan bahwa dokumen ini adalah dokumen HTML5
  • The <html> elemen elemen akar halaman HTML
  • The <head> elemen berisi informasi meta tentang halaman HTML
  • The <title>elemen menentukan judul untuk halaman HTML (yang ditampilkan dalam bar judul browser atau tab halaman ini)
  • The <body> elemen mendefinisikan tubuh dokumen, dan merupakan wadah untuk semua isi terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll
  • The <h1>elemen mendefinisikan judul besar
  • The <p> elemen mendefinisikan sebuah paragraf

Apa itu Elemen HTML?

Elemen HTML didefinisikan oleh tag awal, beberapa konten, dan tag akhir:

<tagname> Konten ada di sini... </tagname>

Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:

<h1> Konten ada di sini... </h1>

<p> Konten ada di sini... </p>

Start tag Element contentEnd tag
<h1> My First Heading</h1>
<p> My first paragraph.</p>
<br> nonenone

Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!

Peramban Web

Tujuan browser web (Chrome, Edge, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya dengan benar.

Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen:

Tujuan browser web

Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:

visualisasi struktur halaman HTML

Catatan: Konten di dalam bagian <body> (area putih di atas) akan ditampilkan di browser. Konten di dalam elemen <title> akan ditampilkan di bilah judul browser atau di tab halaman.

Sejarah HTML

Sejak awal World Wide Web, ada banyak versi HTML:

  •   1989 Tim Berners-Lee invented www
  •   1991 Tim Berners-Lee invented HTML
  •   1993 Dave Raggett drafted HTML+
  •   1995 HTML Working Group defined HTML 2.0
  •   1997 W3C Recommendation: HTML 3.2
  •   1999 W3C Recommendation: HTML 4.01
  •   2000 W3C Recommendation: XHTML 1.0
  •   2008 WHATWG HTML5 First Public Draft
  •   2012 WHATWG HTML5 Living Standard
  •   2014 W3C Recommendation: HTML5
  •   2016 W3C Candidate Recommendation: HTML 5.1
  •   2017 W3C Recommendation: HTML5.1 2nd Edition
  •   2017 W3C Recommendation: HTML5.2

Penutup

Saya membagikan Tutorial dan Pengenalan HTML Dasar ini hanya untuk tujuan pengujian dan pendidikan. Jika Ada Pihak Yang Merasa Di Rugikan, Silahkan kirimkan email kepada Saya Melalui Halaman Kontak Semoga Tutorial di atas bisa bermanfaat untuk Sobat Candil Code Yang Baru mengenal dunia Pemrograman..

Baca juga :
Admin