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
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
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>
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>
Ukuran font pada HTML
Tag yang digunakan : <h1> </h1>, <h2> </h2>
Membuat Halaman Web Sederhana (lanj..)
Contoh :
<h1> Halaman Pertama Saya <h1>
<h2> Halaman Pertama Saya <h2>
<h3> Halaman Pertaman Saya </h3>
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>
Tabel Pada HTML
Tag
<table border=1 align=center>
<tr>
<td> Test </td>
</tr>
</table>
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>
<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>
<tr>
<td> Isi Kolom Pertama </td>
<td> Isi Kolom Kedua </td>
</tr>
</table>
</body>
</html>
Tabel dengan 2 baris, 2 kolom
Text Field dan Submit
Tag untuk textfield
<input type=text size=20>
<input type=text size=20>
Tag untuk submit
<input type=submit size=20 value=proses>
<input type=submit size=20 value = clik>
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>
<tr>
<td><font color=#cccccc> Nomor Telpon </font>
</td>
<td> <input type=text size=20></td>
</tr>
</table>
</body> </html>
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>
<tr>
<td> Nomor Telpon </td>
<td> <input type=text size=20></td>
</tr>
<tr>
<td><input type=submit value=proses > </td>
<td> <input type=reset value=reset></td>
</tr>
</table>
</form>
Membuat Tulisan Berjalan
Tag :
<marquee>Teks Berjalan </marquee>
Internet dan webInternet (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:
172.17.54.12
192.168.3.254
Melihat IPAddress
Melalui Command promt
Run – ketik: cmd
Command promt
Ketik: ipconfig /all
Metode Mendapatkan IPAddress
Static Configuration
Dinamic Configuration by DHCP
Start-control panel – network connection
Beberapa perintah dalam jaringan
ping [IP Address]
Melakukan cek koneksi
Ipconfig
Melihat IP Address
Ipconfig /all
Melihat komputer lain yang dishare
Browsing
Aplikasi Mesin Penjelajah (Browser)
◦ Window Explorer
◦ Mozilla Firefox
◦ Netcape
◦ Safari
◦ Opera
Pencarian dengan Google
Kustomisasi Pencarian
Hasil Kustomisasi Pencarian
Terima Kasih
Wassalamu’alaikum
Related Documents
