Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

IntroductionElemen HTMLHeadingList exit. Introduction HTML HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca.

Presentasi serupa


Presentasi berjudul: "IntroductionElemen HTMLHeadingList exit. Introduction HTML HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca."— Transcript presentasi:

1 IntroductionElemen HTMLHeadingList exit

2 Introduction HTML 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 BACK

3 Elemen HTML 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. BACK

4 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.

5 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. One Size Larger - Normal – One Size Smaller Bold - italics - Underlined - Colored Emphasized - Strong - Tele Type One Size Larger - Normal – One Size Smaller Bold - italics - Underlined - Colored Emphasized - Strong - Tele Type

6 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 My first website this is a paragraph tag

7 CONTOH STRUKTUR 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…

8 16 Basic Colors

9 HEADING Example Page Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 BACK

10 PARAGRAPH Example Page Heading 1 Paragraph 1, …. Heading 2 Paragraph 2, …. Heading 3 Paragraph 3, …. Heading 4 Paragraph 4, …. Heading 5 Paragraph 5, …. Heading 6 Paragraph 6, …. Heading 1 Paragraph 1,…. Heading 2 Paragraph 2,…. Heading 3 Paragraph 3,…. Heading 4 Paragraph 4,…. Heading 5 Paragraph 5,…. Heading 6 Paragraph 6,….

11 BREAK Example Page Heading 1 Paragraph 1,…. Line 2 Line 3 …. Heading 1 Paragraph 1,…. Line 2 Line 3 ….

12 Text Tags bold font italic font quote here italic font “quote here”

13 Lists 1. Unordered list Item one Item two Item three 1. Item one 2. Item two 3. Item three 2. Ordered list BACK

14 Lists Unordered list Item one Item two Item three Item one Item two Item three {

15 Lists Ordered list Item one Item two Item three 1. Item one 2. Item two 3. Item three {

16 HALAMAN DENGAN BACKGROUND GAMBAR Page with background image Page with background image.

17 MENGATUR WARNA BACKGROUND Page with background image Page with Back Color

18 FORMAT TEXT Some Text How is this

19 HASIL

20 MEMASUKKAN GAMBAR This is an example of how image can be embedded Delete left align Note : 1: align={top,bottom, right, left, middle} 2: To delete align:

21 HASIL

22 MEMASUKKAN VIDEO Example : Note : You can open any media type file.

24 Memasukkan Sound Background sound :


Download ppt "IntroductionElemen HTMLHeadingList exit. Introduction HTML HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca."

Presentasi serupa


Iklan oleh Google