lagonlon

Artikel
member ...

Mengenal HTML



HTML adalah singkatan dari Hyper Text Markup Language. HTML dipergunakan untuk mengatur tampilan sebuah halaman web, dan sangat mudah untuk dipelajari. Dengan HTML, kita sudah dapat membuat sebuah halaman web. Boleh dikatakan, HTML adalah inti dari sebuah halaman web. Program yang lain dipergunakan untuk 'melengkapi' HTML.

Bila kita ingin membuat sebuah blog, misalnya di blogspot.com, maka HTML sudah sangat memadai. Tanpa memahami HTML pun, kita sudah bisa berpublikasi di blogspot.com. Fitur tambahan dapat kita tambahkan dari fasilitas widget/gadget yang tersedia.

Mempelajari HTML pada intinya adalah mempelajari kode-kode HTML (biasa disebut tag), yaitu:

  • mengetahui cara penulisan tag (syntax)
  • mengenal bermacam kode-kode HTML
  • mengetahui fungsi dari tag HTML
Kita tidak perlu menghafal semua tag yang ada, cukup kita pelajari (atau cari lewat google) mana yang kita butuhkan.

Untuk memperkaya tulisan pada blogspot dengan HTML, kita hanya perlu masuk ke bagian posting Edit Entry dan menggunakan fasilitas Edit HTML. Ketik apa yang ingin kita tulis, sisipkan kode-kode (tag) HTML.

Untuk membuat dokumen HTML secara mandiri (file HTML), kita memerlukan sebuah teks editor (misalnya notepad atau FrontPage) dan perambah internet (Seperti: firefox, internet explorer, opera, dll). Kita tidak perlu menginstal program tambahan ke dalam komputer. Langkah-langkahnya:

  1. Buka notepad, biasanya sudah ada di komputer kita
  2. Ketik apa yang ingin kita tulis, kemudian sisipkan tag-tag (kode) HTML.
  3. simpan file dengan menambahkan ekstensi .htm atau .html. Misalnya tuliskan latihan.html pada File Name, dan jangan lupa untuk mengubah All Files pada pilihan Save File as

Tag HTML ditulis dengan diapit tanda kurung siku ( <tag> ) . Berikut adalah contoh cara penulisan (syntax) tag HTML beserta tampilan yang dihasilkan.

Tag HTML Fungsi Contoh Syntax
(Cara Penulisan)
Hasil
<a> membuat link/tautan <a href="https://www.lagonlon.com">
lagonlon
</a>
lagonlon
<b> menebalkan huruf <b> lagonlon </b> lagonlon
<marquee> membuat teks berjalan <marquee directions="left">
lagonlon
</marquee>
lagonlon
<sub> membuat subscript H <sub> 2 </sub> O H2O

Dari contoh di atas dapat kita lihat betapa mudahnya menggunakan tag HTML. Kita hanya perlu tahu jenis dan fungsi tag, maka kita sudah dapat menggunakannya.

Judul Blog

Kolom
Kiri
Bagian tengah
Kolom
Kanan
Bagian Bawah

Keterangan: contoh kerangka halaman web dengan menggunakan tabel.

Salah satu tag HTML penting dalam membuat halaman web adalah tag untuk membuat tabel.( <table> ).

Halaman web umumnya tersusun dari tabel-tabel, seperti terlihat pada contoh disamping. Tentu perlu dilakukan pengaturan lebih lanjut, misalnya warna latar, garis (border) dihilangkan, dan lain-lain. Dengan HTML, kita dapat menyisipkan tabel di dalam tabel.


Recomended Site

Bagi anda yang ingin mempelajari HTML, anda bisa bisa mencari/searching situs-situs yang ada di internet.
Atau anda bisa mencoba situs tutorial yang sering saya kunjungi:

https://www.w3schools.com/html/

Kenapa w3schools.com:

  • gratis
  • mudah dipahami
  • materi tutorialnya lengkap
  • bisa langsung mencoba (Try It Yourself)
  • menyediakan file yang kita butuhkan (misalnya file "w3.css" yang digunakan dalam situs lagonlon ini)




Tuliskan pesan/komentar baru






open your eyes, you will see nothing
open your mind, you will be confused
open your hearth, you will see


www.lagonlon.com