Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTML HTML Hyper Text Markup Language  HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform.

Presentasi serupa


Presentasi berjudul: "HTML HTML Hyper Text Markup Language  HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform."— Transcript presentasi:

1 HTML HTML Hyper Text Markup Language  HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform computer ke platform computer lainnya tanpa perlu melakukan suatu perubahan apapun.  Dokumen HTML disebut sebagai markup language karena mengandung tanda- tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.  Perbedaan dokumen HTML dengan document teks adalah bahwa anda dapat memberikan suatu format tertentu, seperti bentuk tebal, miring, form, list, table pada dokumen HTML sedangkan pada teks biasa anda tidak dapat melakukannya. Disamping itu adalah adanya elemen-elemen HTML beserta tag- tagnya ( ditulis dengan tanda )  Untuk membuat dokument HTML, dapat digunakan beberapa editor seperti Notepad dan wordpad, Notepad

2 DASAR-DASAR HTML A. Elemen Dibagi menjadi dua kategori utama, yaitu elemen-elemen yang memberikan informasi tentang dokumen tersebut seperti judul dokumen atau hubungannya dengan dokumen lainnya, serta yang kedua adalah elemen yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser internet, seperti paragraph, list, table, dsb. B. Tag Tag dinyatakan dengan tanda lebih kecil ( ), tag biasanya merupakan suatu pasangan yang disebut tag awal dan tag akhir, sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I, yang dinyatakan seperti berikut : Teks ini akan terlihat miring di browser Teks ini akan terlihat tebal di browser Note : HTML tidak membedakan antara huruf besar dan huruf kecil dari suatu elemen, semuanya akan memberikan hasil yang sama. HTML tidak membenarkan penulisan tag yang tumpang tindih, seperti : Teks untuk tag1 Teks untuk tag2

3 Contoh penulisan tag yang benar adalah Teks untuk tag1 Teks untuk tag2 C. Atribut Tag awal bisa memiliki beberapa buah atribut atau property yang menyatakan karakteristik dari tag tersebut, misalnya dalam, atribut dengan nama ALIGN mempunyai nilai “center” yang berfungsi untuk menengahkan paragraph. Bahkan tag bias mengandung beberapa atribut, seperti pada yang menyatakan jenis font, ukran serta warna font atau huruf yang digunakan. D. Struktur dokumen HTML Dokumen HTML mempunyai 3 buah tag utama yang membentuk struktur dari dokumen tersebut, yaitu : HTML = untuk menyatakan suatu dokumen HTML HEAD = memberikan informasi tentang dokumen BODY = menyimpan informasi / data yang akan ditampilkan dalam dokumen HTML Strukturnya dapat dilihat seperti berikut :

4 *** Bagian HEAD *** *** Bagian BODY *** Contoh dokumen HTMLnya : Home Page Pribadiku WELCOME In MY PERSONAL WEB Hello….Apakah anda sudah mengetahui cara membuat home page ? jika belum, mari kita mempelajarinya bersama-sama menggunakan HTML, kelihatannya rumit tapi ternyata menarik… Anda harus rajin menulis, mengcopy, atau bahkan cut & paste untuk mempercepat penulisan tag di dokumen notepad…

5 Simpan fiel di atas dengan nama *.html Karakter * dapat diganti dengan nama file

6 TAG-TAG dalam HTML • PARAGRAPH syntaxnya : … untuk membuat suat paragraph, contoh dalam dokumen HTML : Membuat paragraph teks-teks suatu paragraph dengan atribut ALIGN=”left” akan diratakan pada margin kiri. teks-teks suatu paragraph dengan atribut ALIGN=”left” akan diratakan pada margin tengah. teks-teks suatu paragraph dengan atribut ALIGN=”left” akan diratakan pada margin kanan. • PREFORMATTED TEXT syntaxnya : … untuk menampilkan teks seperti yang dituliskan, sekalipun demikian anda tetap dapat menggunakan tag-tag lain ( seperti untuk tebal, untuk cetak miring ) tetapi tag- tag pemformatan paragraph ( seperti, ) ada baiknya untuk tidak digunakan.

7 Menggunakan PreFormat Teks ini menggunakan s p a s i dan juga tombol ENTER untuk berpindah ke baris ini. Table di bawah ini menggunakan elemen BOLD dan beberapa buah spasi untuk menebalkan baris judul. Browsereditor IENotepad MosaicHotMetal Anda juga dapat membuat gambar dalam preformatted text : /\___/\ ( o o ) /\ ----

8

9 EXAMPLE Siapkan file gambar dengan ukuran seperti di atas untuk digunakan Sebagai HEADER

10 LINK  Link dalam HTML digunakan untuk menghubungkan object (teks, gambar) ke URL atau path atau gambar Basic TAG : teks/gambar yang mengandung link contoh : SMA 3 fotoku


Download ppt "HTML HTML Hyper Text Markup Language  HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform."

Presentasi serupa


Iklan oleh Google