HTML (Hypertext Markup Language) merupakan bahasa pemrograman yang digunakan untuk membuat halaman web.
Untuk menulis kode HMTL digunakan editor seperti Notepad, Notepad++, Frontpage, atau dreamweaver, dan masih banyak editor lainnya yang tidak penulis sebutkan. HTML diekseskusi oleh web browser dan bukan di server. HTML tags tidak case sensitive. Kebanyakan perintah HTML memiliki tag pembuka dan penutup. Biasakan selalu menutup tag yang membutuhkan tag penutup. Kebanyakan tag HTML memiliki atribut yang dapat digunakan untuk setting. Undefined tags akan diabaikan oleh brwoser dan tidak ditampilkan.XHTML kependekan dari eXtensible Hypertext Markup Language, pada dasarnya adalah HTML 4.0 dengan aturan yang lebih strict. Secara umum HTML dan XHTML sama, perbedaan paling penting adalah semua tag XHTML harus ditulis dalam huruf kecil, sedangkan tag HTML tidak case sensitive
silahkan kalian tuliskan kode script html berikut ke dalam editor yang kamu pakai :
Setelah itu simpan dengan ekstensi/akhiran html atau htm seperti misalnya nama filenya pertama[dot]html anda setelah itu buka di browser kesayangan anda..
Tampilannya setelah dijalankan seperti ini :
Tampilannya setelah dijalankan seperti ini :
Pasangan tag <html> dan </html> menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML.
Bagian yang terdapat dalam html dan umumnya terbagi atas :
- Kepala, ditandai denggan pasangan tag <html> dan </html>
- badan, ditandai dengan pasangan tag <body> dan </body>
- bagian head berfungsi untuk memberikan informasi tentang dokumen html, seperti judul dokumen HTML yang ditulis pasangan tag <title> dan </title>
- Bagian body berisi semua instruksi untuk mengatur seluruh tampilan di web browser.
Komentar
- Tag komentar digunakan untuk mendokumentasikan kode
- Tag ini digunakan untuk menambahkan komentar dan tidak akan ditampilkan oleh web browser.
<!-isi komentar letakkan disini -->
Atribut Tag
- Atribut tag digunakan untuk mengontrol color, size, width, height,dll.
- Jika tidak disetting maka yang digunakan adalah nilai default
- Nilai default tergantung dari browser, bisa berbeda antara browser satu dengan lainnya atau bisa juga dari versi browsernya.
- Beberapa browser memiliki nilai default sendiri (text color, text size, link color, background color, dll).
Quotes
- Quote digunakan untuk mengapit nilai atribut
- Untuk html quote diperlukan hanya jika nilai dari atribut mengandung karakter khusus atau spasi
contoh :
color="blue" border="1" width="100"
Background dan Warna Text
- Tag <body> memiliki atribut yang dapat digunakan untuk merubah background dan warna text
- Atribut bgcolor digunakan untuk merubah warna background
- Atribut text digunakan merubah warna text dari dokumen
Line Break
- Tanpa line break, text yang ada di kode HTML akan tampil dalam satu baris
- Untuk berpindah baris digunakan tag <br/>
- Tidak seperti tag lain yang memiliki tag penutup, tag ini tag tunggal, sehingga dibutuhkan tanda slah (/) untuk menutupnya
Tampilan di browser setelah di jalankan tanpa menggunakan line break<br/>
Script berikut ini dengan line break <br/> :
Tampilan di browser :
Tampilan di browser :
Preformatted Text
- HTML akan mengabaikan spasi ekstra, tab, carriage return, text akan ditampilkan dalam spasi tunggal
Preformatted Text Tag
- Tag<pre> digunakan untuk menampilkan text apa adanya (spasi dan line break) dalam format fixed space font
Paragraph
- Tag <p> digunakan untuk memulai paragraph diakhiri oleh </p>
- Pada versi HTML sebelumnya tag penutup </p> boleh tidak digunakan.
Heading
- Tag Heading mirip dengan tag paragraph dimana tag ini akan memisahkan text.
- Terdapat 6 Tag Heading dari <h1> (terbesar) sampai <h6> (terkecil)
- Terdapat baris kosong setelah tag penutup
Horizontal Rules
- Tag Horizontal rule <hr/> akan menampilkan garis horisontal pada halaman
- Tag ini merupakan tag tunggal sehingga perlu ditambahkan /(slash) sebelum tanda >
Atribut <hr/>
- width, digunakan untuk mengontrol lebar, nilainya bisa pixel atau persen
- size,digunakan untuk mengontrol ketebalan garis dalam pixel
- Atribut untuk perataan adalah align
- Nilainya: left/center/right
- Dapat digunakan pada tag paragraph <p>, tag heading <h> maupun tag horizontal rules <hr/>
- Tag <center>digunakan untuk membuat perataan secara tengah
Width dan Size
Text Alignment
Perataan pada Paragraph
Perataan pada Heading
Perataan pada Horizontal Rule
Catatan: karena link basic html dan css part-1 dan 2 rusak alias sudah dihapus oleh administrator penyedia jasa layanannya, saya gantikan dengan sebuah tutorial yang lebih lengkap yaitu : HTML dan CSS dari akar menuju Daun dari ilmuwebsite.com
Download HTML dan CSS dari akar menuju Daun
No comments:
Post a Comment