1
PENGENALAN HTML
Markup Language 2
Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur interpretasi/pemberian arti HTML (HyperText Markup Language) merupakan subset dari SGML (Standard Generalized Markup Language)
Contoh subset lain dari SGML : XML (eXtensible Markup Language) SMIL (Synchronized Multimedia Integration Language) MathML (Mathematical Markup Language) CML (Chemical Markup Language)
About HTML 3
HTML : format standar untuk membuat dokumen web HTML versi terakhir : HTML 4.01 Spesifikasi HTML standar : http://www.w3.org/TR/html4 HTML merupakan bahasa bertanda, menggunakan rangkaian teks tertentu (tag) untuk menandai teks yang mempunyai interpretasi khusus File HTML berupa file teks (plain text file), bukan binary file
Dokumen HTML 4
kependekan dari Hyper Text Markup Language file teks murni yang dapat dibuat dengan teks editor Dokumen ini dikenal sebagai web page merupakan dokumen yang disajikan dalam web browser
Penamaan Dokumen 5
Dokumen HTML diberi nama sembarang kemudian diberi tambahan ekstensi ”.htm” atau ”.html”
Contoh Dokumen HTML 6
Homepage saya Saya
Perkenalan
Perkenalkan, nama saya ..... Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.
HTML Authoring Tools 7
Text Editor
OS default – notepad (Windows) – vi (Unix) Third party – EditPlus, Crimson Editor, UltraEdit,Notepad ++ (Windows) – joe (Linux), dll
Visual Editor o Macromedia DreamWeaver o MS Front Page o Web Page maker o dll
Definisi Elemen 8
Dokumen HTML disusun elemen-elemen atau komponen dasar pembentu HTML. Contoh dari elemen dokumen HTML adalah : head , body, table, paragraf, list.
Definisi Tag 9
Tag digunakan untuk menandai elemen dalam suatu dokumen HTML Tag HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil), nama sebuah tag, dan sebuah tanda kurung sudut kanan (>, tanda lebih besar Tag umumnya berpasangan, sebagai contoh
Dengan
Elemen HTML yang diperlukan 10
Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag ,, dan . Setiap dokumen terdiri atas tag head dan body. Elemn Head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang akan ditampilkan di browser.
11
Secara umum dokumen web dibagi menjadi dua section, yaitu section head dan section body Pola umum : -- Informasi tentang dokumen HTML -- Informasi yang akan ditampilkan dalam web browser
12
Setiap dokumen html harus diwali dengan menuliskan tag dan tag di akhir dokumen. Tag ini menandai dokumen HTML yang berarti adalah dokumen HTML dalam satu dokumen hanya ada satu elemen html.
13
Section atau elemen head ditandai dengan tag diawal dan tag diakhir. Section ini beiris informasi tentang dokumen HTML, misalnya informasi judul html yang ditandai dengan tag
dan diakhiri dengan tag
14
Section body ditandai dengan tag dan diakhiri dengan tag diakhir. Section body merupakan isi dokumen yang akan ditampilkan pada browser.
Contoh1.html 15
Belajar Web Design ini adalah halaman HTML
Penggunaan Tag 16
Tag HTML diapit dengan dua karakter kurung bersudut, < dan >. Tag HTML secara normal selalu berpasangan seperti
dengan Tag HTML tidak ‘case sensitive’, berarti dama dengan
Di antara tag awal dan tag akhir bisa terdapat tag lain Penulisan tag tidak boleh tumpang tindih penulisan yang salah teks → penulisan yang benar teks →
Atribut Tag 17
Tag dapat mempunyai atribut. Atribut menyatakan sesuatu tentang tag tersebut. Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan.
18
Tag berikut tidak mempunyai atribut : .
Tag
Tag berikut mempunyai atribut :
bgcolor=”red”>
Tag Dasar 19
HTML: menandai awal dan akhir dokumen HTML dokumen Head: menandai bagian header dokumen HTML header Title: memberi judul pada dokumen HTML judul dokumen Body: menandai awal dan akhir isi dokumen isi dokumen isi dokumen
Tag HTML 20
Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. ........................
Tag Head 21
Merupakan tag setelah untuk menuliskan keterangan tentang dokumen HTML. Isi teks diantara dengan tidak akan ditampilkan di dalam browser. Belajar Web Design
Title 22
Merupakan tag yang digunakan untuk menuliskan judul dokumen HTML Hasil tag ini akan ditampilkan dalam window caption browser. Belajar Web Design HTML
Body 23
Merupakan section dalam dokumen HTML yang akan ditampilkan dalam browser. Belajar Web Design ini adalah section HTML yang ditampilkan di browser
Paragraf 24
Setiap paragraf harus dimulai dengan memberi tag
Diakhir paragraf tidak diharuskan menuliskan
sebagai akhir paragraf.
Tag Paragraf berikut ini adalah paragraf 1
berikut ini adalah paragraf 2
berikut ini adalah paragraf 3
Line Break 25
Kita dapat memaksa ganti baris pada dokumen web dengan tag
Ganti Baris ini adalah baris ke 1
ini adalah baris ke 2
ini adalah baris ke 3
ini adalah baris ke 4
ini adalah baris ke 5
Heading 26
Tag heading aklan membuat tulisan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading dimanfaatkan untuk menandai judul topic atau untuk menunjukkan tingkat keberartian dati teks yang akan dituliskan.
27
Heading Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Garis Pembatas 28
Sebuah garis pembatas dapat disisipkan dalam dokumen web dengan menggunakan tag
Komentar 29
Dalam sebuah dokumen HTML ada informasi yang berfungsi sebagai catatan atau komentar terhadap dokumen isi komentar ini tidak akan ditampilkan dalam browser. Tulisan ini akan ditampilkan di browser
Toolbar Dreamweaver untuk dasar HTML 30
Keterangan - tab Text : h1 : heading 1 h2 : heading 2 h3 : heading 3 br : Line Break
FINISH 31
