HTML 1

HTML (Hypertext Markup Language)

HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa. Namun  sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad. Setelah anda memahami betul semua tag-tag dasar html, diakhir nanti kita akan belajar membuat halaman web dengan menggunakan web tool.

Struktur Dasar Html

Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:

 

 

<html>

                              <head>

                                          <title>Judul Form/Caption</title>

                              </head>

                              <body>

                                          ISI WEB

                              </body>

                  </html>

Keterangan:

  • <html> .. </html>   Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
  • <head> .. </head>  Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
  • <title> .. </title>     Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
  • <body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

Sekarang untuk latihan pertama kita, mari kita buat dokumen HTML sederhana. Ikuti langkah-langkah berikut ini:

  1. Buat direktori dengan nama NIM anda di drive D:. Dan selanjutnya dalam direktori ini kita akan menyimpan semua file-file latihan kita.
  2. Buka Browser, misalnya Internet Explorer atau Mozilla Firefox atau Opera.
  3. Buka program aplikasi teks editor misalnya dalam latihan ini adalah Notepad.
        1. Mulai baris paling atas, tuliskan:

<html>

          <head>

     <title>halaman pembuka</title>
</head>

          <body>

                   Proyek latihan pertama saya.

     </body>
</html>

  1. Simpan file anda dengan cara klik menu File – Save, Selanjutnya pilih direktori latihan yang tadi kita buat.
  2. Pada box File name, isikan nama filenya dengan html
  3. Pada drop down list di Save as type, pilih All Files.
  4. Simpan proyek anda dengan meng-klik pada tombol Save

Untuk menjalankan kode-kode tersebut, silahkan buka browser seperti Internet Explorer, Opera dan lain-lain.

  1. Klik menu File à Open
  2. Setelah jendela Open terbuka, klik tombol Browse
  3. Ketika jendela baru terbuka, pilih direktori Latihan dan pilih file html.
  4. Klik tombol Open lalu tekan tombol Ok, halaman web akan ditampilkan dalam browser

Catatan:

      • Semua dokumen HTML mempunyai ekstensi .html (atau .htm)
      • Semua halaman web (homepage) mempunyai file html. File index.html secara otomatis akan dipanggil ketika alamat sebuah domain atau direktori tempat menyimpan file tersebut di buka di browser. Terdapat pengecualian pada microsoft yang menggunakan web server IIS, file yang dipanggil adalah default.html

Kode Warna

      Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0, 1, 2, …, F). Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Misalnya untuk warna kuning, dibuat dengan pencampuran warna sebagai berikut:

Red Green Blue
FF FF 00

Berarti untuk warna kuning dapat dibuat dengan kode #ffff00. Disamping itu, pembuatan warna dapat juga dibuat dengan langsung menggunakan nama warna dalam bahasa inggris, misalnya kuning=”yellow”.

Berikut ini warna-warna yang dapat digunakan dalam halaman HTML.

Warna Heksadesimal
White #FFFFFF
Black #000000
Red #FF0000
Green #00FF00
Blue #0000FF
Magenta #FF00FF
Cyan #00FFFF
Yellow #FFFF00

Anda dapat juga membuat campuran sendiri warna-warna berdasarkan emajinasi anda. Yang penting anda mengikuti aturan diatas.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

RELATED POST

Element dasar HTML

Element HTML Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya seperti mengatur…

Pengenalan Internet

Dewasa ini dunia komputer dan informasi berkembang sangat pesat, terlebih lagi dengan adanya Internet. Internet merupakan jaringan komputer global yang…

apa sih pemrograman desktop itu ?

Selamat pagi semua.... nah saat ini saya ingin menulis mengenai apa sih pemrograma desktop itu ?, tentunya yang kuliah di…