Ilmunesia - Belajar dan Mengenal HTML

Belajar dan Mengenal HTML

Belajar dan Mengenal HTML

ilmunesia.com – pada pembahasan kali ini kita akan coba untuk mengenal dan belajar sedikit apa itu html dan contoh-contoh yang dihasilkan dari html. berikut ulasannya :

Contoh HTML

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
 <html>
 <body>
 <h1>Heading Pertama</h1>
 <p>Paragraf pertama.</p>
 <p>Paragraf kedua.</p>
 <p>Paragraf ketiga.</p>
 </body>
 </html>

Penjelasan

  • Deklarasi DOCTYPE mendefinisikan tipe dokumen
  • Teks di antara<html> dan</ html> menjelaskan  halaman web
  • Teks di antara<body> dan</ body>adalah isi halaman yang terlihat
  • Teks di antara<h1> dan</ h1> ditampilkan sebagai judul
  • Teks di antara<p> dan</ p> ditampilkan sebagai sebuah paragraph

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.

  • HTML singkatan dari HyperText Markup Language
  • HTML adalah bahasa markup, yang terdiri dari seperangkat tag markup
  • Tag menggambarkan isi dokumen
  • Dokumen HTML berisi tag HTML dan teks biasa
  • Dokumen HTML juga disebut halaman web

Tag HTML

Tag markup HTML biasanya disebut tag HTML.

  • Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut seperti <html>
  • Tag HTML umumnya selalu berpasangan seperti <p> dan </ p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
  • Tag awal dan tag akhir juga disebut tag pembuka dan penutup tag <tagname>content</tagname>

 

Browser Web

Fungsi dari browser web (seperti Google Chrome, Internet Explorer, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web.
Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menentukan bagaimana isi dari halaman HTML akan disajikan/ditampilkan kepada pengguna.belajar html heading

Versi HTML

Sejak hari-hari awal web, ada banyak versi HTML:

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

 

Deklarasi <!DOCTYPE>

Deklarasi <! DOCTYPE> 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 versi HTML dan tipe yang digunakan.

 

Element HTML Bersarang (Nested)

Kebanyakan elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).

Contoh :

1
2
3
4
5
6
<!DOCTYPE html>
 <html>
 <body>
 <p>This is my first paragraph.</p>
 </body>
 </html>

Latihan

Ada berapa elemen HTML dalam contoh diatas?

Sekian dan terimakasih..semoga bermanfaat..

 

 

Foto : Istimewa
Sumber : http://kursuswebmaster.com/belajar-html-pengenalan-html/

LEAVE A COMMENT