HTML Lessons Part 1

cropped-html.jpg

Assalamualaikum Wr. Wb.

      Apa kabar agan-agan khalifah dimuka bumi yang dimuliakan Allah SWT ? Semoga sehat selalu, dipanjangkan umurnya, dan dipanjangkan segala-galanya #aamiin

     Pada postingan ane kali ini ijinkan ane buat sharing sedikit ilmu tentang dasar-dasar HTML. Di postingan kali ini agan-agan yg belum kenal sama web programming pasti penasaran apa sih html itu? Kalo yang udah tau ikut nyimak aja yak hehehe… 😀


     Udah puas basa-basinya?? Yok cekidot B)

     Apa sih HTML itu? Menurut Prof.Dr. Muhammad Ichsan Sanubari HTML adalah “sebuah bahasa pemrograman tingkat tinggi yang biasa digunakan untuk membuat sebuah halaman web”. Jadi halaman web itu terbentuk dari codingan-codingan HTML yang menggunakan format ASCII. Bahasa HTML terdiri dari berbagai macam tag dan harus dimulai dengan tag <html>. HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

     Pada awalnya, tahun 1986 IBM sempat memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

     Kemudian tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Saat ini versi HTML sudah mencapai HTML 5 lho!!

     HTML pada web juga dapat dikustomisasi menggunakan bahasa CSS (Cascading Style Sheet). CSS digunakan sebagai style pada halaman HTML. Kita bisa mengatur ukuran huruf, warna background, warna huruf, ukuran gambar, sampai animasi pada halaman web pun bisa kita atur.

     Cukup sekian dongeng tentang HTMLnya yaa agan-agan. Sekarang kita mulai mempraktekkan membuat halaman web sederhana

     Copas kode berikut pada text editor agan!!

Capture

Keterangan :

  • tag ol digunakan untuk membuat ordered list(sama seperti fungsi bullet pada Ms.Word)
  • tag a digunakan untuk membuat link
  • tag h1 digunakan untuk membuat heading type 1
  • tag p digunakan untuk membuat paragraf baru
  • tag center digunakan untuk membuat huruf yang berada dalam tag menjadi rata tengah
  • tag img digunakan untuk memasukkan gambar/image, src adalah atribut untuk menginputkan source gambarnya (NB: source gambar harus ditaruh di folder yang sama dengan file html)
  • tag title digunakan untuk membuat judul halaman web yang biasa berada pada tab browser
  • tag head digunakan untuk menaruh tag title, dan beberapa tag lain seperti tag script, tag style, dll.
  • tag li digunakan untuk menampilkan isi ordered listing

Hasil jerih payah :

Capture1

      Nah, begitu kira-kira gan cara pembuatan html dasar. Mudah sekali kaan? Pasti kalian NYESEL mempelajari html ini..

     Makasih banyak udah melihat-lihat artikel ane gan.. artikel selanjutnya gausah dibaca yaa tar nyesel lagi lohh gan… soalnya ane udah mempersiapkan materi yang paling gajelas dan gapenting banget buat agan-agan sekalian.. Udah laah broo ngapain buang-buang waktu kalian buat baca blog ini gapenting banget kaan. Salam Supermario dari author HEHEHE *ketawasetan =D

Mungkin beberapa link dibawah bisa menambahkan ilmu agan-agan tentang HTML:

Tinggalkan komentar