pengertian WWW dan dasar HTML

Pengertian World Wide Web

Internet merupkan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia,  TCP/IP menjadi  protocol  penghubung  antara   jaringan-jaringan yang beragam di

seluruh   dunia   untuk   dapat   berkomunikasi.  World  Wide  Web   (WWW)  merupakan   bagian   dari

internet yang paling cepat berkembang dan paling populer. WWW bekerja merdasarkan pada tiga

mekanisme berikut :

 

• Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking,

Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.

• Address  WWW memiliki   aturan   penamaan   alamat  web   yaitu  URL(Uniform Resource

Locator) yang di gunakan sebagai standard alamat internet.

• HTML digunakan untuk membuat document yang bisa di akses melalui web.

C. Pengenalan HTML

Hypertext  Markup  Language  merupkan   standard   bahasa   yang   di   gunakan   untuk  menampilkan

document web, yang bisa anda lakukan dengan HTML yaitu:

• Mengontrol tampilan dari web page dan contentnya.

• Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.

• Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara

online.

• Menambahkan object-object seperti image, audi, video dan juga java applet dalam document

HTML.

 

Pengertian  Browser dan Editor

Browser

Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan  tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer,

Netscape Navigator dan masih banyak yang lainya.

Editor

Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa

anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.

E. Tag dasar yang dibutuhkan dalam dokumen

Berikut ini adalah tag dasar yang dibutuhkan dan harus ada dalam dokumen HTML :

<HTML&gt> dan </HTML>

<HEAD> dan </HEAD>

<TITLE> dan </TITLE>

<BODY> dan </BODY>

 

Atribut dasar Tag

 

• Bgcolor : warna background documen.

• Leftmargin : ukuran margiin kiri dokumen.

• Rightmargin : ukuran margin kanan dokumen.

• Topmargin : ukuran margin atas dokumen.

• Bottommargin : ukuran margin bawah dokumen.

• Link, vlink, alink : warna link, aktif link dan link yang sudah dikunjungj pada dokumen.

 

 

CONTOH ATRIBUT BGCOLOR

Atribut bgcolor :

<body bgcolor=”blue”> atau <body bgcolor=”0000FF”>

Atribut leftmargin,rightmargin,topmargin ,dan bottommargin :

<body leftmargin=”25” rightmargin=”25” topmargin=”20” bottommargin=”30”>

Atribut link,alink, dan Vlink

<body link=”fuchsia” alink=”white” vlink=”silver”>

 

<HTML>

<HEAD>

<TITLE>LATIHAN WEB</TITLE>

</HEAD>

<BODY bgcolor=”blue” link=”fuchsia” alink=”white” vlink=”silver” leftmargin=”25”

rightmargin=”25” topmargin=”20” bottommargin=”30”>

teks dokumen pertamaku ini ditulis di area

<body>
<br>

<a href=””>ini link ke 1</a>
</br>

<a href=””>ini link ke 2</a>

</BODY>

</HTML>

 

 

FORMAT TAMPILAN SEDERHANA

Tag untuk headline

Untuk membuat text HEADLINE (judul), kita harus, melingkupi text tersebut dengan tag pembuka  dan tag penutup headline. Tag headline ditulis dengan aturan sebagai berikut:

Tag pembuka <HX> dan tag penutup </HX>. Perhatikan , X diganti dengan angka!

 

TAG STYLE SEDERHANA

Kini akan dibahas beberapa text style. Tag-tag tersebut digunakan untuk mengatur format text.

Contoh:


 Untuk membuat text tebal bisa menggunakan <strong> atau <b>

 Untuk membuat text miring <em> atau <i>

 Untuk membuat text digaris bawahi <u>

 Untuk membuat text seperti teletype writer <tt>

 Untuk membuat text seperti font courier<code>

 Untuk membuat text seperti code <samp>;

 

Pemberian Catatan/Komentar pada Dokumen HTML

Catatan adalah bagian dari kode HTML   yang  diabaikan oleh browser. Kegunaan

catatan/komentar dalam kode HTML adalah sebagai keterangan yang berguna untuk

pembaca kode. Misalnya, catatan digunakan  untuk memberikan catatan apa saja dan

bahkan bisa mencakup beberapa baris.

©Pengembangan Web/Buku Ajar/T.I/Darmajaya Dasar HTML  11

Komentar.html

<!--Program ini dibuat pada tanggal 06 Oktober 2005 -->

<html>

<head>

<title>Hai</title>

<Body>

<!-- Catatan bisa diletakan dimana saja -->

Saya Sedang Belajar HTML

</body>

</html>

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s