Modul HTML (HYPERTEXT MARKUP LANGUAGE)

Tujuan :

1. Memahami tentang konsep WWW

2. Memahami tentang struktur dokumen HTML

3. Memahami tentang dasar-dasar HTML

4. Memahami tentang pengaturan teks, daftar item, gambar, tabel, form, meta dll.

A. Layanan-layanan di internet

  • Dokumen/World Wide Web/WWW (HTTP)
  • e-mail (POP, SMTP, IMAP)
  • Chatting (IRC)
  • Pertukaran file (FTP)
  • Akses komputer jarak jauh (telnet)
  • Direktori (LDAP)
  • Monitoring jaringan (NMAP)
  • Modul aplikasi (SOAP)
  • Suara (VoIP)
  • dll.

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

D. 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, MozillaFirefox, Opera, Google Crome 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> dan </HTML>

<HEAD> dan </HEAD>

<TITLE> dan </TITLE>

<BODY> dan </BODY>

TRY THIS…..

<HTML>

<HEAD>

<TITLE>Latihan HTML</TITLE>

</HEAD>

<BODY>

Selamat Belajar HTML<BR>

Semoga Sukses !

</BODY>

</HTML>

Atribut dasar Tag <BODY>

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

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

TRY THIS…..

<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 bentuk huruf HTML

<b>huruf tebal</b>

<i>huruf miring</i>

<u>garis bawah</u>

<sup>atas</sup>

<sub>bawah</sub>

5 pemikiran pada “Modul HTML (HYPERTEXT MARKUP LANGUAGE)

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