HTML

PENGENALAN HTML

 Apa itu dokumen HTML
 Penamaan dokumen (“.htm” atau “.html”)
 Definisi elemen
 Merupakan komponen dasar pembentuk dok.HTML
 Definisi tag (menandai elemen HTML)
 ……
 Elemen HTML yang dibutuhkan




…..informasi tentang dokumen HTML



… informasi yang akan ditampilkan di dalam browser HTML









ini homepage pertamaku...
ini juga kata pertamaku



 PETUNJUK PENGGUNAAN TAG
 Tag HTML diapit 2 karakter kurung bersudut (angle brancet) “<” dan “>”
 Tag HTML normal selalu berpasangan.
 Tag pertama dalam suatu pasangan adalah tag awal dan tag yang kedua merupakan akhir
 Tag HTML tidak case sensitive
 Penulisan tag harus berurut.
 Attribut TAG
 Mengubah nilai default dari TAG

…


TAG-TAG DASAR HTML
Tag dasar HTML berarti elemen dasar. Secara mendasar akan terdiri atas teks informasi.

 HTML
Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML.
di awal dokumen di akhir dokumen
 Head
Merupakan tag berikutnya setelah untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.
di awal seteleh , dan di akhir section head
 Title
Merupakan tag di dalam yang dituliskan untuk member judul /informasi pada caption browser web tentang topic atau judul dari dokumen web yang ditampilkan browser.

 Body
Merupakan section utama dalam dokumen web. Pada section ini semua dokumen yang akan ditampilkan di dalam browser harus dituliskan.
di awal setelah tag
di akhir sebelum tag

 Paragraph
Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah dalam penulisan. Misalkan satu pikiran utama disimpan dalam satu paragraph.

kalimat yang dijadikan paragraph

CONTOH PARAGRAPH

ini adalah paragraf 1

ini adalah paragraf 2

ini adalah paragraf 3

elemen ini akan diisi oleh banyak kalimat untuk mengetahui apakah dapat pindah secara otomatis

CONTAH TAG TANPA PARAGRAPH





ini adalah paragraf 1
ini adalah paragraf 2
ini adalah paragraf 3
elemen ini akan diisi oleh banyak kalimat untuk mengetahui apakah dapat pindah secara otomatis



LINE BREAK
 Kita dapat memaksakan ganti baris pada dokumen web. Ganti baris di maksudkan hanya menyajikan informasi pada baris sendiri tidak berganti paragraph. Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam satu paragraph maka digunakan tag
sebelum teks yang dimaksudkan.


teks yang akan diganti bariskan

CONTOH DALAM PROGRAM:





elemen ini akan diisi
oleh banyak kalimat untuk mengetahui
apakah dapat pindah secara otomatis



HEADING:
 Teks dalam dokumen umumnya mempunyai judul topic, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar dan ditebalkan. Heading juga dimanfaatkan untuk tingkat keberartian dari teks yang akan dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari 1 sampai 6. No 1 merupakan heading terbesar, untuk penulisannya dalam tag menggunakan symbol

teks yang akan dibuat heading

CONTOH DALAM PROGRAM:

ini contoh heading h1

ini contoh heading h2

ini contoh heading h3

ini contoh heading h4

ini contoh heading h5

ini contoh heading h6

MENGATUR LETAK HEADING:
 Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris – align. Alignment heading :

 Kiri = left
 Tengah = center
 Kanan = right
 Kanan kiri = justify

CONTOH:

ini contoh left

ini contoh center

ini contoh right

ini contoh justify

PENGGARIS DATAR:
 Sebuah garis dapat disisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian atau paragraph menggunakan Tag

---

CONTOH:

ini adalah paragraf 1

---

ini adalah paragraf 2

---

ini adalah paragraf 3

---

elemen ini akan diisi oleh banyak kalimat untuk mengetahui apakah dapat pindah secara otomatis

---

KOMENTAR:
 Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri. Catatan atau komentar dalam dokumen ini tidak ditampilkan dalam browser. Komentar disisipkan pada section , diletakkan pada bagian –bagian teks yang memang perlu dikomentari.

CONTOH:

yang ini baru muncul tulisannya