HTML Pengenalan

Diposkan oleh prasetya Unknown di suruh 9:35 PM 2 komentar

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.

     * HTML singkatan dari Hyper Text Markup Language
     * HTML adalah bahasa markup
     * Sebuah bahasa markup adalah seperangkat tag markup
     * Tag menggambarkan isi dokumen
     * HTML dokumen berisi tag HTML dan teks biasa
     * HTML dokumen juga disebut halaman web

HTML Tag

HTML markup tag biasanya disebut tag HTML

     * HTML tag kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
     * HTML tag biasanya datang berpasangan seperti <b> dan </ b>
     * Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
     * Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
     * Mulai dan akhir tag juga disebut pembukaan tag dan tag penutup

<tagname>content</tagname>

Contoh :

<p>This is a paragraph.</p>

The <DOCTYPE!> Deklarasi

The <DOCTYPE!> Deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada berbagai dokumen di web, dan browser hanya dapat menampilkan halaman HTML 100% benar jika ia tahu jenis dan versi HTML yang digunakan.

Version	Year
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

Deklarasi Umum :

HTML5

<!DOCTYPE html>

HTML 40.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sekarang kita akan Buat ketikan awal yaitu header Web dan Paragraf. Kita Buat dengan menggunakan notepad ya sobat.
1. buka notepad
2. copy kode dibawah ini.
3. save dalam folder tersendiri dengan nama coba.html dan type files *all files.
4. klik save2 annya.

!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html

Contoh Dijelaskan

     * Deklarasi DOCTYPE mendefinisikan jenis dokumen
     * Teks antara <html> dan </ html> menjelaskan halaman web
     * Teks antara <body> dan </ body> adalah isi halaman yang terlihat
     * Teks antara <h1> dan </ h1> ditampilkan sebagai judul
     * Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

Hasilnya akan seperti ini..