Membuat Dokumen Web - msp.fpik.ipb.ac.id fileMembuat DokumenWeb HTML (Hypertext Markup Language)...
Transcript of Membuat Dokumen Web - msp.fpik.ipb.ac.id fileMembuat DokumenWeb HTML (Hypertext Markup Language)...
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 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>
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
Command promt
Ketik: ipconfig /all
Metode Mendapatkan IPAddress
Static Configuration
Dinamic Configuration by DHCP
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