Belajar HTML dasar
|
10.41 |
No Comments |
.png)
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
Contoh dokumen HTML sederhana
| <!DOCTYPE html> <html> <head> <title>Coba</title> </head> <body> HTML pertamaku </body> </html |
Keterangan:
<!DOCTYPE> : Mendefinisikan jenis dokumen
<html>...</html> : Menggambarkan sebuah dokumen HTML
<title>...</title> : Memberikan judul untuk dokumen
<body>...<body> : Menggambarkan isi halaman yang terlihat
Hasil dari script di atas adalah
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).
Sebaiknya kita menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Memformat Dokumen HTML
- Membuat Judul HTML dapat didefinisikan dengan tag <h1>sampai<h6>
| <!DOCTYPE html> <html> <head> <title>Membuat heading</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html> |
Hasilnya akan seperti ini
Keterangan :
<h1></h1> : Paling besar
<h6></h6> : Paling kecil
- Menggunakan tag <p></p> dan <br>
| <!DOCTYPE html> <html> <head> <title>Menggunakan tag </title> </head> <body> <h1>Heading</h1> <p> Ini adalah Paragraf </p> Belajar HTML 1<br> Belajar HTML 2<br> Belajar HTML 3<br> </body> </html> |
Hasilnya akan seperti ini
<p>...</p> : Mendefinisikan sebuah paragraf
<br> : Mendefinisikan satu baris (enter)HTML5 tidak memerlukan <br> harus ditutup, tetapi jika Anda memerlukan validasi ketat, dan membuat dokumen Anda dibaca oleh parser XML, tutup semua elemen HTML.
- Menggunakan tag <hr>
Contoh script
| <!DOCTYPE html> <html> <head> <title>Horizontal Line</title> </head> <body> atas <hr> bawah </body> </html> |
hasinya akan seperti ini
0 komentar:
Posting Komentar