Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Membuat Dokumen Web HTML (Hypertext Markup Language)

Presentasi serupa


Presentasi berjudul: "Membuat Dokumen Web HTML (Hypertext Markup Language)"— Transcript presentasi:

1 Membuat Dokumen Web HTML (Hypertext Markup Language)
Script yang terdiri dari terdiri dari tag pembuka dan penutup Bisa dibuka dengan menggunakan browser seperti: Internet Explorer, Mozilla Firefox, Opera dll

2 HTML Memiliki ekstensi file .html
Bisa dibuat dengan text editor seperti Notepad pada windows atau gedit (pada linux)‏ Tag HTML <html> <title> Judul_Halaman </title> <head> </head> <body> </body> </html>

3 Membuat Halaman Web Sederhana
Menggunakan Text Editor Notepad Start – Allprograms – Acessories - Notepad <html> <title> First Page </title> <head> </head> <body> Ini Adalah Halaman Pertama Saya </body> </html>

4 Membuat Halaman Web Sederhana (lanj..)‏
Ukuran font pada HTML Tag yang digunakan : <h1> </h1>, <h2> </h2> Contoh : <h1> Halaman Pertama Saya <h1> <h2> Halaman Pertama Saya <h2> <h3> Halaman Pertaman Saya </h3>

5 FONT <html> <title> First Page </title>
<head> </head> <body> <h1> Ini Adalah Halaman Pertaman Saya </h1> Contoh : <br><br> <h1> Halaman Pertama Saya </h1> <h2> Halaman Pertama Saya </h2> <h3> Halaman Pertaman Saya </h3> </body> </html>

6 Tabel Pada HTML Tag <table border=1 align=center> <tr>
<td> Test </td> </tr> </table>

7 Tabel dengan 1 baris, 2 kolom
<html> <title> First Page </title> <head> </head> <body> <h1> Ini Adalah Halaman Tabel Saya </h1> Contoh : <table border=1 align=center> <tr> <td> Kolom Pertama </td> <td> Kolom Kedua </td> </tr> </table> </body> </html>

8 Tabel dengan 2 baris, 2 kolom
<html> <title> First Page </title> <head> </head> <body> <h1> Ini Adalah Halaman Pertaman Saya </h1> Contoh : <table border=1 align=center> <tr> <td> Kolom Pertama </td> <td> Kolom Kedua </td> </tr> <td> Isi Kolom Pertama </td> <td> Isi Kolom Kedua </td> </table> </body> </html>

9 Text Field dan Submit Tag untuk submit Tag untuk textfield
<input type=text size=20> Tag untuk submit <input type=submit size=20 value=proses> <input type=submit size=20 value = clik>

10 Membuat Text Field <html>
<title> First Page Latihan </title> <head> </head> <body bgcolor = #cc33cc> <br> <h1>Membuat Text Field </h1> Contoh : <table border=1 align=center> <tr> <td> <font color=#cccccc >Nama </font> </td> <td><input type=text size=20> </td> </tr> <td><font color=#cccccc> Nomor Telpon </font> </td> <td> <input type=text size=20></td> </table> </body> </html>

11 Form dan Submit <form method=post action=coba.html>
<table border=1 align=center> <tr> <td> Nama </td> <td><input type=text size=20> </td> </tr> <td> Nomor Telpon </td> <td> <input type=text size=20></td> <td><input type=submit value=proses > </td> <td> <input type=reset value=reset></td> </table> </form>

12 Membuat Tulisan Berjalan
Tag : <marquee>Teks Berjalan </marquee>

13 Internet dan web Internet (InterNetworking) merupakan suatu jaringan dengan sklala besar yang memungkinkan seseorang berkomunikasi secara luas Untuk dapat berkomunikasi setiap komputer memiliki alamat yang bersifat unik disebut IPAddress. Contoh IPAddress:

14 Melihat IPAddress Melalui Command promt Run – ketik: cmd

15 Metode Mendapatkan IPAddress
Command promt Ketik: ipconfig /all Metode Mendapatkan IPAddress Static Configuration Dinamic Configuration by DHCP

16 Start-control panel – network connection

17 Beberapa perintah dalam jaringan
ping [IP Address] Melakukan cek koneksi Ipconfig Melihat IP Address Ipconfig /all Melihat komputer lain yang dishare

18 Browsing Aplikasi Mesin Penjelajah (Browser) Window Explorer
Mozilla Firefox Netcape Safari Opera

19 Pencarian dengan Google

20 Kustomisasi Pencarian

21 Hasil Kustomisasi Pencarian

22 Terima Kasih Wassalamu’alaikum


Download ppt "Membuat Dokumen Web HTML (Hypertext Markup Language)"

Presentasi serupa


Iklan oleh Google