Jumat, 05 September 2014

Pemrog Web: HTML (chapter1)


Pemrograman Web : HTML (chapter 1)


Assalamualaikum wr wb
Kali ini saya akan menjelaskan tentang format dasar HTML.

HTML itu apa sih?
HTML itu kepandekan dari Hyper Text Markup Language.
 sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML (sumber:wikipedia)

Tag-tag dasar HTML
<html>….</html>
Tag <html> merupakan awal dari teks html/ biasa disebut dengan pembuka.
Sedangkan </html> merupakan penutup dari teks html.
“/” merupakan tanda akhir dari sebuah tag. “/” digunakan untuk mengakhiri tag yang telah dibuat, seluruh tag pada html.

<head>…</head>
Digunakan untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

<title>…</title>
Merupakan tag yang ada dalam head.  Tag ini harus dituliskan karena tag ini berfungsi untuk memberikan judul/informasi pada caption browser.
Perhatikan gambar dibawah ini:
Gambar ini menunjukan penempatan 3  tag html diatas.



Dan ini hasilnya:

Catatan : simpan notepad dengan  format .html
Jangan lupa save as type: all files



Next: … J
<body>….</body>
Pada tag ini ditampilkan isi dokumen yang akan ditampilkan pada browser

<p>….</p>
Tag ini merupakan membuat paragraph baru

<br>

Tag ini digunakan untuk membuat kalimat baru dalam satu paragraph
Perhatikan gambar dibawah ini:

Dan ini hasilnya….

Coba lihat, pada jarak antar paragraph dan jarak dengan menggunakan tag <br>
Udah pada ngerti kan?...

Next...
heading
<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
Taks dalam dokumen umumnya mempunyai judul topic, pada html judul ini disebut heading. Heading ini akan ditampilkan dengan huruf besar atau ditebalkan. Dalam html ada 6 tingkat.
Langsung liat aja:..-à





Bisa dilihatkan perbedaannya?...

Berikutnya  cara untuk mengatur headingnya…
Untuk mengatur letak heading:
Contoh:
<h1 align=”center”> heading 1 </h1>
Kata “center” bisa diganti dengan “left” atau “right”
Untuk lebih jelasnya langsung aja liat gambar dibawah ini:…




Dan yang terakhir…. Tentang penggaris… :v
Ada yang ngerti? Wkwk…
Maksudnya tuh garis yang mebatasi…
Langsung cek aja lah, biar pada ngerti…
Tag: <hr>









Tuh, liat ada garisnya…..

Mungkin hanya segini yang bisa saya sampaikan
Mohon maaf bila ada kesalahan
Mohon maaf bila tidak mengerti
Saran saya, jangan pernah menyerah untuk mencoba, coba untuk mengutak ngatik sendiri
Kalian pasti bisa!!
Terima kasih atas kunjungannya
Wasalamualaikum wr wb

Tidak ada komentar:

Posting Komentar