Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pemrograman Berbasi Web Session 2 Session 2 Sintak & Tag-tag Dasar Html.

Presentasi serupa


Presentasi berjudul: "Pemrograman Berbasi Web Session 2 Session 2 Sintak & Tag-tag Dasar Html."— Transcript presentasi:

1 Pemrograman Berbasi Web Session 2 Session 2 Sintak & Tag-tag Dasar Html

2 Mark Up Language Mark up : informasi tambahan yang di tempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur interpretasi / pemberian arti HTML (Hyper Text 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)

3 Tentang HTML HTML : format standar untuk membuat dokumen web HTML versi terakhir: HTML 4.01 Spesifikasi HTML standar: 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 Tentang HTML

4 HTML Authoring Tools Text Editor OS default – notepad (Windows) – vi (Unix) Third party – EditPlus, Crimson Editor, UltraEdit (Windows) – joe(Linux) – dll Visual Editor Macromedia DreamWeaver MS Word dll HTML Authoring Tools

5 Daftar Tag Dokumen Header Juduldokumen Isidokumen Judulparagraf Paragraf Atribut Gantibaris Fontd Enumerasi Garismendatar Gambar Link (kaitan) Tabel Komentar Daftar Tag

6 Mengenal Penulisan Tag Tag dibentuk oleh suatu kata (keyword) yang diapit oleh tanda kurung lancip( ) Tag boleh ditulis dalam huruf kecil maupun Kapital Tag harus berpasangan, yaitu tag awal di ikuti tag akhir, kecuali tag tunggal teks Di antara tag awal dan tag akhir bisa terdapat tag lain Penulisan tag tidak boleh tumpang tindih teks → penulisanyang salah teks → penulisanyang benar Mengenal Penulisan Tag

7 Skema Dasar HTML Juduldokumen Isidokumen Struktur / Skema Dasar HTML

8 HTML Contoh Dokumen HTML: Homepage saya Saya Perkenalan Perkenalkan, namasaya..... Iniadalah homepage pertama saya, karenasayabarubelajartentang caramembuat homepage. HTML

9 Browser HTML menginterpretasikan satu atau beberapa space yang berdekatan sebagai sebuah space teks teks dianggap sebagai: teks teks Browser HTML menginterpretasikan Carriage Return (Enter) dan indentasi (Tab) sebagai sebuah space Ada beberapa karakter khusus yang dapat direpresentasikan dengan kode tertentu – spasi – < < – > > – & & – " " Mengenal Penulisan HTML

10 Tag Dasar HTML: menandai awal dan akhir dokumen HTML dokumen Head: menandai bagian header dokumen HTML header Title: memberi judul pada dokumen HTML juduldokumen Body: menandai awal dan akhir isi dokumen isidokumen isidokumen Tag Dasar

11 Tag Judul (Heading) Judulparagraf n = 1,2,3,4,5,6 (tingkatjudul) Untukmenuliskanjudulsuatuparagraf

12 Tag Paragraf paragraf Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya. paragraf Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya. Tag Paragraf

13 Tag Atribut Kalimat yang dicetak tebal Kalimat yang dicetak miring Kalimat yang digaris bawahi Untuk menandai bagian kalimat agar dicetak tebal,miring, dan / atau digaris bawahi.

14 Tag Atribut bagian yang dicetak tinggi bagian yang dicetak rendah Untuk menandai bagian karakter agar dicetakTinggi atau rendah, biasanya untuk rumusMatematika atau kimia.

15 Tag ganti Baris (Break Line) Untuk pindah kebaris berikutnya. Bentuk penulisan lain yang dianjurkan(XMLstyle) :

16 Tag Font (Size) Memformat suatu bagian kalimat dengan ukuran,jenis huruf, atau warna tertentu.Tag : font Parameter : size, face, color

17 Tag Font (Face) Memformat suatu bagian kalimat dengan ukuran,jenis huruf, atau warna tertentu.Tag : font Parameter : size, face, color

18 Tag Font (Color) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu.Tag : font Parameter : size, face, color

19 Tag List (Daftar) List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu. Jenis-jenis list dalalm HTML ada tiga yaitu list dengan nomor (ordered list), list tanpa nomor (unordered list) dan list definisi (definition list) : 1. List dengan nomor Adalah daftar yang setiap itemnya akan diberi nomor. Nomor tersebut dapat berupa angka, angka romawi maupun huruf. Penu-lisannya dalam tag HTML menggunakan..... TypeArti ”I”Ditampilkan dengan angka Romawi huruf besar ”i”Ditampilkan dengan angka Romawi huruf kecil ”A”Ditampilkan dengan abjad Latin huruf besar ”a”Ditampilkan dengan abjad Latin huruf kecil 2. List tanpa nomor Adalah daftar yang setiap itemnya tidak diberi nomor melainkan hanya berupa bullet saja dapat berupa kotak atau bulet. Penulisan-nya dalam tag HTML menggunakan..... TypeArti ”Circle”Ditampilkan dengan lingkaran putih ”Disc”Ditampilkan dengan lingkaran hitam ”Square”Ditampilkan dengan kotak hitam

20 3.List definisi Adalah list yang memberikan uraian terhadap suatu item yang ter-dapat di dalam daftar. Penulisannya dalam tag HTML mengguna-kan (def list), (def term), dan (def description).

21 Output / layout List

22 Tag Enumerasi item Untuk menandai suatu item dari daftar (enumerasi), diawali dengan simbol (bullet) Kelompok item harus diapit oleh tag dalam daftar bertingkat.Untuk menomori enumerasi dengan nomor urut(1,2,3),apitlah dengan tag

23 Tag Garis Mendatar membentuk garis pemisah mendatar.Bentuk penulisan lain yang dianjurkan (XML style) :

24 Tag Gambar (Image) NamaFileGambar= file gambar yang mempunyai ekstensi.GIF,.JPG, atau.PNG. Untuk menampilkan sebuah file gambar.Bentuk penulisan lain yang dianjurkan (XML style) :

25 Tag Link (Anchor) Kata yang di-click Kata yang dituju Link = AlamatURL atau nama file dan/atau acuan yang dituju Acuan= Kata sembarang sebagai penanda Membentuk link keURL / file / bagian dokumen lain.

26 Tag Tabel (Data) definisitabel Menampilkan data dalam bentuk tabel Tabel di definisikan dengan cara menyatakan baris-baris dan kolom- kolom. Tag untuk penanda baris adalah definisi baris Tag untuk penanda kolom adalah data

27 Tag Table (Layout) Untuk menata letak (layout) isi dokumen (walaupun hakikatnya bukan untuk keperluan ini)

28 Tag Marquee (Layout) PROPERTIE KETERANGAN Behavior Cara atau teknik dari marquee utk menjalankan Text, nilainya Scroll : Menggulung searah Teks, Slide : juga menggulung searah text, dan Alternate : Tek berjalan bolak balik Direction Arah text berjalan Hight Tinggi dari marquee nilainya dlm prosentase % atau pixels Width Lebar dari marquee nilainya dlm prosentase % atau pixels Continously Menggulung text secara terus menerus, nilainya adalh Loop sebanyak n kali, Bila menginginkan marquee berjalan terusmenerus maka propertie ini tdk perlu dicantumkan. Style Kemampuan utk memformat Font, paragraf, border, numbering, dan position Bgcolor Warna latar dari marquee, nilainya bisa dicantumkan tanpa hrs menuliskan kode warna apabila anda tidak hapal,(misalnya: Yellow, blue, red, dst) Marquee : Sebuah tText berjalan pada dokument HTML, Sintaxnya adlh Sbb :.. Isi/text Marquee... Keterangan propertie

29 Tag Frame (Layout) Untuk menata letak (layout) isi dokumen (membagi/frame beberapa baris dan kolom atau sub baris dan kolom) secara kolom secara baris dan kolom

30 Sekian dan......


Download ppt "Pemrograman Berbasi Web Session 2 Session 2 Sintak & Tag-tag Dasar Html."

Presentasi serupa


Iklan oleh Google