Oke gays, khusus untuk anda blogger pemula/newbe , jika ingin mengembangkan diri dalam dunia blog maka anda dari sekarang harus mulai mengenal sedikit-demi sedikit tentang bahasa html.
HTML merupakan singkatan dari kata-kata Hypertext Markup Language
Hypertext berarti sebuah text biasa yang dapat berfungsi lain. Misalnya membuat link disatu text yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text itu saja. Dalam dunia blogging, ini biasa disebut link, dan di HTML kemampuan ini dinamakan hypertext.
Sementara kata Markup Language dalam HTML disematkan karena bahasanya menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan di antara tanda lainnya akan tampak besar. Tanda ini akan dikenal di HTML sebagai tag.
Intinya adalah HTML merupakan bahasa dasar pembuatan web, namun bukan satu-satunya bahasa yang harus dipelajari. Karena untuk menampilkan sebuah web yang menarik tidak cukup dengan html saja.
Perlu diketahui HTML bukanlah bahasa pemprograman (programming language). Memang aneh, namun begitulah kenyataanya, karena HTML hanyalah sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.
Kalau bahasa pemprograman yang biasa digunakan di web cukup banyak, namun yang paling banyak digunakan dan digemari adalah JavaScript dan PHP
Kalau bahasa pemprograman yang biasa digunakan di web cukup banyak, namun yang paling banyak digunakan dan digemari adalah JavaScript dan PHP
Baiklah kita mulai dari yang paling dasar.
Struktur Dasar HTML
Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.
Contoh Halaman Web dengan Bahasa HTML dasar:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.
Contoh Halaman Web dengan Bahasa HTML dasar:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Kode kode diatas di sebut tag. Tag-tag ini tidak akan tampil di halaman web, tetapi tag inilah yang akan menentukan tampilan web.
Halaman web diawali dengan tag <html> dan diakhiri dengan tag </html> di antara tag inilah isi web akan dibuat.
Setiap tag ditulis di antara <...> misalkan ; <html> , <div>, <body>, dll
Setiap tag terdiri dari tag pembuka dan tag penutup. Tag penutup sama dengan tag pembuka tetapi ditambahkan tanda garis miring di depannya.
contoh :
pembuka <html> dan penutupnya </html> , pembuka <head> dan penutupnya </head>
Tapi perlu diingat tidak semua tag menggunakan tag penutup, misalkan tag <br> atau <hr>. Fungsi tag ini kita pelajari pada waktu berikutnya.
Kembali kepada struktur dasar html, secara garis besar terdiri dari dua bagian yaitu :
1. Tag <head></head> yaitu kepala web
Pada bagian ini akan berisi judul web termasuk menu-menu web
2. Tag <body></body> yaitu badan web
Pada bagian ini tempat menulis dan mengisi halaman web
Untuk mengetahui seperti apa bentuknya, cobalah buka aplikasi Notepad , kemudian copy kode berikut :
<html>
<head>
<title>HTML Pemula</title>
</head>
<body>
Selamat Datang pada halaman web saya ini. Saya pemula untuk belajar html. Semoga dengan mengenal html ini saya bisa menjadi lebih memahami cara membuat web.
</body>
</html>
Simpan file tersebut dengan nama webku.html sedangkan typenya All Files
Sekarang cobalah buka file yang disimpan tadi maka akan tampil menjadi halaman web dengan judul HTML Pemula
Inilah tampilan web anda, nah ini baru sangat mendasar, jika ingin membuat tampilan lainnya harus belajar bahasa-bahasa yang lain.
Silakan mengikuti tulisan saya berikutnya tentang berbagai tag html.
Selamat belajar, semoga sukses, yang penting jangan pernah menyerah jika ingin menjadi blogger yang handal.
0 comments:
Post a Comment