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>


<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>


<head> </head>

<body>

<h1> Ini Adalah Halaman Tabel Saya </h1>

Contoh :


<tr>

<td> Kolom Pertama </td>

<td> Kolom Kedua </td>

</tr>

</table>

</body>

</html>

<html>


<head> </head>

<body>

<h1> Ini Adalah Halaman Pertaman Saya </h1>

Contoh :


<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 :


<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>


<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

Membuat Dokumen Web - msp.fpik.ipb.ac.id fileMembuat DokumenWeb HTML (Hypertext Markup Language)...

Documents

Transcript of Membuat Dokumen Web - msp.fpik.ipb.ac.id fileMembuat DokumenWeb HTML (Hypertext Markup Language)...