Kamis, 26 Maret 2020

PENGANTAR HTML

Apa itu HTML?

HTML adalah bahasa markup standar untuk membuat halaman Web.
  • HTML singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur halaman Web
  • HTML terdiri dari serangkaian elemen
  • elemen HTML memberitahu browser bagaimana untuk menampilkan konten
  • elemen HTML diwakili oleh tag
  • tag HTML label potongan konten seperti "judul", "ayat", "table", dan seterusnya
  • Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk membuat isi halaman

Sebuah Dokumen HTML Sederhana

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

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

</body>
</html>
Cobalah sendiri di w3schools

PENJELASAN :

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

HTML Tag

tag HTML adalah nama elemen dikelilingi oleh sudut kurung:
<Tagname> konten di sini ... </ tagname>
  • Tag HTML biasanya datang dalam pasangan seperti <p>dan</p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag
Tip: Awal tag juga disebut tag pembuka , dan tag akhir tag penutup .

web Browser

Tujuan dari web browser (Chrome, Edge, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:
Lihat di Browser

Struktur HTML Halaman

Di bawah ini adalah visualisasi dari struktur halaman HTML:
<Html>
<Head>
<Title> Page judul </ title>
</ Head>
<Body>
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
<P> Ini adalah paragraf lain. </ P>
</ Body>
</ Html>
Catatan: Hanya isi di dalam <body> bagian (area putih di atas) ditampilkan dalam browser.

Sejarah HTML

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

Tidak ada komentar:

Posting Komentar

Pemrograman Dasar dan Algoritma

  Algoritma dan Pemrograman Dasar 1.  Apakah Itu Algoritma Ditinjau dari asal-usul katanya, kata Algoritma sendiri mempunyai sejarah y...