Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)

Presentasi berjudul: "Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)"— Transcript presentasi:

1 Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)

2 HTML (HyperText Markup Language) HTML BUKAN bahasa pemrograman, tapi merupakan sebuah mark up language. HTML menggunakan mark up tags untuk mendeskripsikan halaman web. Digunakan untuk memberi tahu web browser bagaimana menampilkan halaman web. Sebuah HTML file harus mempunyai ekstensi.htm atau.html.  dapat dibuat menggunakan text editor (notepad, edit plus dsb).

3 Web Browser Tugas dari web browser (IE, Mozilla) adalah membaca dokumen HTML dan menampilkannya sebagai halaman web. Web browser tidak menampilkan tag HTML, tapi menggunakan / membaca tag tersebut untuk menginterprestasi sebuah halaman web.

4 Penulisan Tags 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 diikuti tag akhir, kecuali tag tunggal. teks, Penulisan tag tidak boleh tumpang tindih. teks → penulisan yang salah teks → penulisan yang benar

5 Contoh dasar Judul dokumen My First Heading My first paragraph

6 Penjelasan Ditulis dalam tag yang menunjukkan sebuah halaman web. Tag menandai bagian header dokumen html. Text di antara merupakan konten halaman yang ditampilkan.

7 Tag Judul (heading) Judul paragraf n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf.

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

9 Tag Atribut 1 (Bold, Italic, Underline) Kalimat yang dicetak tebal Kalimat yang dicetak miring Kalimat yang digarisbawahi

10 Tag Atribut 2 (Superscript, Subscript) bagian yang dicetak tinggi bagian yang dicetak rendah Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.

11 Tag Ganti Baris (Break line) Untuk pindah ke baris berikutnya. Bentuk penulisan lain yang dianjurkan (XML style) :

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

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

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

15 Tag Link (Anchor) Kata yang di-click Kata yang dituju Link = Alamat URL atau nama file dan/atau acuan yang dituju Acuan = Kata sembarang sebagai penanda membentuk link ke URL/file/bagian dokumen lain.

16 Tag Link (2)

17 Frame Frame membagi layar dalam beberapa jendela, dimana masingmasing layar menampilkan web page yang berbeda. Tag Dasar:........ Basic Atributes - cols = “values” …. (value biasanya dituliskan dalam % menunjukkan besar pembagian area. - rows = “values” - name = “frame_name” - src = “frame_source(url)” - target = “frame_name”

18 Frame (2)

19 See You Next Week