Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTMLHTML BASIC. PENDAHULUAN Apa itu HTML ? HTML bukan bahasa pemrograman merupakan bahasa yang mendeskripsikan halaman web. Script HTML melekat pada browser.

Presentasi serupa


Presentasi berjudul: "HTMLHTML BASIC. PENDAHULUAN Apa itu HTML ? HTML bukan bahasa pemrograman merupakan bahasa yang mendeskripsikan halaman web. Script HTML melekat pada browser."— Transcript presentasi:

1 HTMLHTML BASIC

2 PENDAHULUAN Apa itu HTML ? HTML bukan bahasa pemrograman merupakan bahasa yang mendeskripsikan halaman web. Script HTML melekat pada browser. HTML kepanjangan dari Hyper Text Markup Language. HTML menggunakan tag – tag untuk mendeskripsikan halaman web. HTML menggunakan tag pembuka dan tag penutup. Contoh :... 22/06/ By Suwondo, S.Kom

3 PENDAHULUAN Contoh script HTML sederhana : My First Heading My first paragraph. Setelah diketikkan pada text editor, disimpan dengan format ber-ekstensi.htm atau. html 22/06/ By Suwondo, S.Kom

4 HTML ELEMENTS  HTML Element di mulai dengan start tags / tag pembuka  HTML Element di akhiri dengan end tags / tag penutup.  HTML Element juga mempunyai attribute. 22/06/ By Suwondo, S.Kom HTML ELEMENTS  Attribute menunjukkan informasi tambahan tentang element (sifat element).  Attribute hanya di tuliskan pada tag pembuka.  Cara menuliskan attribute  nama_attribute = “nilai_attribute” Contoh :...

5 HTML HEADING HTML Heading di definisikan dengan sampai Contoh : This is a heading This is a heading This is a heading Tag akan membentuk garis horisontal pada halaman web. Untuk menuliskan comment /komentar diletakkan pada tag : 22/06/ By Suwondo, S.Kom

6 HTML PARAGRAPHS Untuk membentuk paragraf didefinisikan dengan tag... Contoh : This is a paragraph. This is another paragraph. Untuk membuat baris baru digunakan tag : 22/06/ By Suwondo, S.Kom

7 HTML TEXT FORMATTING Untuk memformat text tebal digunakan tag... atau dapat digunakan... Untuk memformat text miring digunakan tag... atau dapat digunakan... Untuk memformat text dengan garis bawah /underline digunakan tag... 22/06/ By Suwondo, S.Kom

8 HTML LINKS (HYPERLINKS)  Untuk menunjuk ke halaman lain atau ke alamat situs tertentu di gunakan hyperlinks atau links.  Links untuk menunjuk halaman lain dibentuk dengan menggunakan tag : Links Text  Links untuk menunjuk pada satu halaman digunakan tag : Tips Section Go to tips section 22/06/ By Suwondo, S.Kom

9 HTML IMAGES Digunakan untuk menampilkan gambar pada halaman web. Untuk menyisipkan gambar pada HTML digunakan tag : Attribute “alt” digunakan menampilkan text apabila gambar gagal di muat/gambar tidak ada. Untuk mengatur lebar gambar digunakan attribute “width”, untuk mengatur tinggi gambar digunakan attribute “height”, nilai attribute nya dalam satuan pixel. Contoh : 22/06/ By Suwondo, S.Kom

10 HTML TABLE  Untuk membuat layout halaman web dapat digunakan tabel yang terdiri dari baris dan kolom.  Tabel didefinisikan dengan tag :...  Pada tabel dibagi menjadi beberapa baris – baris yang di tuliskan pada tag :...  Dan dalam tiap baris dibagi menjadi beberapa content data yang dituliskan pada tag :...  Header informasi pada tabel di definisikan dengan tag :...  Pada tabel attribute untuk menampilkan border tabel digunakan attribute “border”. Contoh : row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 22/06/ By Suwondo, S.Kom

11 HTML LIST HTML List digunakan untuk membuat daftar berurut (Ordered List) dan daftar tak berurut (Unordered List). Ordered List : 1. Satu 2. Dua 3. Tiga Unordered List :  Satu  Dua  Tiga Untuk membuat Ordered List digunakan tag :... masing – masing daftar item digunakan tag :... Untuk membuat Unordered List digunakan tag :... masing – masing daftar item digunakan tag :... Definitions List untuk membuat daftar dengan deskripsi pada masing – masing item. Tag untuk mendefinisikan list. Untuk mendefinisikan item dalam list digunakan tag untuk mendeskripsikan item digunakan tag 22/06/ By Suwondo, S.Kom

12 HTML LIST Contoh : Unordered List : Coffee Milk 22/06/ By Suwondo, S.Kom Contoh : Ordered List : Coffee Milk Contoh : Definition List : Coffee - black hot drink Milk - white cold drink

13 HTML FORMS AND INPUT HTML Forms digunakan untuk melewatkan data ke server. Forms dapat terdiri dari element input seperti : textfield, check-boxes, radio-button, button, submit, reset, dll. Form di gunakan tag :... 22/06/ By Suwondo, S.Kom

14 HTML FORMS AND INPUT Element Input : 1.TextField Membentuk inputan berupa text satu baris. Untuk membentuk TextField digunakan tag : 2.PasswordField Membentuk inputan berupa text satu baris dengan inputan di sembunyikan. Untuk membentuk PasswordField digunakan tag : 22/06/ By Suwondo, S.Kom Inputan *********

15 HTML FORMS AND INPUT 3. Radio Button Radio button merupakan inputan untuk melakukan pilihan hanya bisa memilih satu pilihan. Untuk mendefinisikan radio button digunakan tag : 4.CheckBoxes Checkbox merupakan inputan untuk melakukan pilihan lebih dari 1 pilihan di antara beberapa pilihan yang ada. Untuk mendefinisikan CheckBox digunakan tag : 22/06/ By Suwondo, S.Kom

16 HTML FORMS AND INPUT 5.Submit Button Submit button digunakan untuk mengirim form data ke server. Data dikirimkan ke halaman khusus attribute form action. Untuk mendefinisikan tombol submit digunakan tag : 6.Reset Button Reset button digunakan untuk mengosongkan semua isi element input yang ada pada Form. Untuk mendefinisikan tombol reset digunakan tag : 22/06/ By Suwondo, S.Kom

17 HTML FORM AND INPUT 7.Button Button digunakan sebagai tombol biasa yang akan bekerja dengan event dari javascript. Untuk membentuk element button digunakan tag : 8.Combo Box Combo Box digunakan untuk menampilkan data berupa dropdown menu. Untuk membentuk combobox digunakan tag : Text /06/ By Suwondo, S.Kom

18 HTML FORM AND INPUT 9.Input File Input file digunakan untuk mengambil Drive+Path dari suatu file untuk di proses selanjutnya, misalkan Upload data. Untuk membentuk elemen input File digunakan tag : 22/06/ By Suwondo, S.Kom

19 HTML FRAMES Dengan frame dapat menampilkan lebih dari satu dokumen HTML dalam browser yang sama. Masing – masing HTML dokumen di katakan sebuah frame dan masing – masing frames berdiri sendiri satu sama lain. Struktur frames : Frameset Element terdiri satu atau lebih frame Element. Cols menyatakan banyak kolom, serta ukuran kolom dalam frameset. Rows menyatakan banyak baris dalam frameset. 22/06/ By Suwondo, S.Kom

20 HTML IFRAMES Iframe digunakan menampilkan halaman web ke dalam halaman web. Struktur iframe digunakan tag : Jika Iframe digunakan sebagai target dari link : Isi link 22/06/ By Suwondo, S.Kom


Download ppt "HTMLHTML BASIC. PENDAHULUAN Apa itu HTML ? HTML bukan bahasa pemrograman merupakan bahasa yang mendeskripsikan halaman web. Script HTML melekat pada browser."

Presentasi serupa


Iklan oleh Google