Apa itu HTML?
HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web). Dengan HTML Anda dapat membuat situs Web Anda sendiri.
Tutorial ini mengajarkan Anda segala sesuatu tentang HTML.
HTML mudah dipelajari - Anda akan menikmatinya.
- HTML singkatan H yper T ext M arkup L anguage
- Sebuah bahasa markup adalah seperangkat tag markup
- Dokumen HTML dijelaskan oleh tag HTML
- Setiap tag HTML menjelaskan isi dokumen yang berbeda
Contoh HTML
Keterangan
- DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
- Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
- Teks antara <head> dan </ head> memberikan informasi tentang dokumen
- Teks antara <title> dan </ title> memberikan judul untuk dokumen
- Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
- Teks antara <h1> dan </ h1> menggambarkan judul
- Teks antara <p> dan </ p> menjelaskan ayat
Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf.
HTML Tag
Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:
<Tagname> konten </ tagname>
- Tag HTML biasanya datang berpasangan 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 sebelum nama tag
Browser web
Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:
Maka akan nampak seperti berikut pada contoh HTML tadi di Browser :
Hanya <body>...</body> ditampilkan oleh browser.
The <! DOCTYPE> Deklarasi
The <! DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.
Ada jenis dokumen yang berbeda di web.
Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Versi HTML
ada banyak versi HTML :
| HTML | Tahun |
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2012 |
dan semua tutorial di duniakomputer007 ini menggunakan versi terbaru yaitu HTML5.
Editor HTML
Menulis HTML Menggunakan Notepad atau TextEdit
HTML dapat diedit dengan menggunakan editor HTML profesional seperti:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
Namun, untuk belajar HTML sebaiknya editor teks seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Ikuti 4 langkah berikut untuk membuat halaman web pertama Anda dengan Notepad.
Langkah 1: Buka Notepad
Buka Start Screen (simbol jendela di bagian kiri bawah pada layar Anda). KetikNotepad.
Langkah 2: Menulis Beberapa HTML
Menulis atau menyalin beberapa HTML ke Notepad.
Langkah 3: Simpan halaman HTML
Simpan file di komputer Anda.
Pilih File> Save as dalam menu Notepad.
Langkah 4: Lihat halaman HTML di Browser Anda
Klik dua kali file HTML yang disimpan, dan hasilnya akan terlihat seperti ini:
Lebih jelasnya lihat video dibawah ini :
0 komentar:
Posting Komentar