Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Desain Web dengan Tag HTML. Tujuan Memahami perintah-perintah dasar dalam membuat sebuah halaman situs Membuat situs dengan bahasa dasar Mendesain halaman.

Presentasi serupa


Presentasi berjudul: "Desain Web dengan Tag HTML. Tujuan Memahami perintah-perintah dasar dalam membuat sebuah halaman situs Membuat situs dengan bahasa dasar Mendesain halaman."— Transcript presentasi:

1 Desain Web dengan Tag HTML

2 Tujuan Memahami perintah-perintah dasar dalam membuat sebuah halaman situs Membuat situs dengan bahasa dasar Mendesain halaman situs

3 Materi-materi 1. Struktur dasar HTML 2. Formatting layout 3. Formatting text 4. Formatting link 5. Formatting table 6. Formatting frame

4 Struktur dasar HTML HTML? “Hyper Text Markup Language” Adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam web dan bisa dibuka oleh browser (Internet Explorer, Mozilla dll)

5 Teks ASCII yang dipoles dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (*.htm atau *.html)

6 Disini Judul Situs Disini penulisan informasi Web

7 Tag HTML Kode yang digunakan untuk me-mark-up (Memoles) teks ASCII menjadi file HTML. Adalah teks khusus (markup) berupa dua karakter " ", sebagai contoh

8 Elemen Tiga bagian:  Tag pembuka  Isi  Tag penutup Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title judul situs

9 Cara penulisan 1. Setiap tag ditandai dengan kurung runcing ( ), contoh: 2. Ada tag pembuka, ada tag penutup contoh: 3. Tag tidak case sensitive 4. Tag penutup ditandai dengan garis miring (slash)

10 Atribut Tag Mendefinisikan property dari suatu elemen HTML Terdiri dari:  Nama atribut  Nilai atribut Isi dari yang di mark-up dengan atribut

11 Anatomi

12 Elemen Title Untuk memberikan judul bagi halaman web tersebut Judul akan di tampilkan pada title bar sebuah browser Format tag:  Situs Majalah 

13 Formatting lay out

14 Lay Out Latar Belakang Baris Paragraf Pensejajaran Format bebas

15 Latar Belakang Background  Warna  Gambar Memanfaatkan tag body (sebagai atribut)

16 Latar Belakang Warna Warna bisa diisikan  Teks nama warna dalam bahasa inggris yang dikenal Windows contoh:  Dengan bilangan heksadesimal

17 Latar Belakang Gambar Memberikan latar belakang sebuah situs dengan gambar

18 Line Break Perintah untuk ganti baris tapi masih dalam lingkup paragraf yang sama Tanpa penutup tag Contoh: Tulisan berada pada baris pertama Tulisan berada pada baris kedua Tulisan berada pada baris ketiga

19 Paragraph Untuk menandai paragraf baru Untuk membuat kelompok paragraf dengan formatting style tertentu (secara default adalah rata kiri/left) Tanpa tag penutup Tag:

20 Atribut pensejajaran (align) Dengan atibut formatting style, yaitu align  Left (default)  Center  Right  Justify

21 Format bebas Elemen PRE Menampilkan apa adanya Browser tidak mengenali:  Spasi lebih dari sekali  Tabulasi  Pembuatan baris dan  Enter text yang di format bebas sesuai dengan keinginan pendesain

22 Blockquote Paragraf atau alinea ialah sekumpulan kalimat yang mengandung satu pokok pikiran. Antara satu paragraf dengan paragraf lainnya biasanya dipisahkan oleh baris kosong. Namun biasa pula paragraf itu ditandai dengan posisi baris pertamanya yang agak masuk ke dalam. Kedua, membuat paragraf yang semua barisnya agak masuk ke dalam. Untuk membuat paragraf semacam ini kita menggunakan tag yang mengapit paragraf-paragraf yang hendak kita jadikan masuk ke dalam....

23 Indentasi mengatur posisi baris-baris paragraf dari margin (tepi halaman). Ada tiga macam bentuk indentasi paragraf. Pertama, baris pertamanya saja yang agak masuk ke dalam. Untuk membuat paragraf semacam ini kita menggunakan tag

24 Daftar definisi Menandai dimulai atau diakhirinya daftar definisi... Menandai paragraf normal menandai paragraf yang agak masuk ke dalam


Download ppt "Desain Web dengan Tag HTML. Tujuan Memahami perintah-perintah dasar dalam membuat sebuah halaman situs Membuat situs dengan bahasa dasar Mendesain halaman."

Presentasi serupa


Iklan oleh Google