Download - Membuat Dokumen Web - msp.fpik.ipb.ac.id fileMembuat DokumenWeb HTML (Hypertext Markup Language) Script yang terdiri dari terdiri dari tag pembuka dan penutup Bisa dibuka dengan menggunakan

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