Teknologi dan Informasi: Tutorial Sederhana Membuat HTML 2016

Kamis, 22 September 2016

Tutorial Sederhana Membuat HTML 2016

Apa sih itu HTML?

menurut Wikipedia, Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

Baiklah mari kita meluncuuuuurrr ke Tutorial Membuat HTML

Untuk belajar membuat HTML, kakak membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, kakak dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer kakak.

Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar, silahkan ikuti langkah-langkah berikut ini.

Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Hallo, selamat belajar HTML.
</body>
</html>

Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :

Selanjutnya kakak-kakak silahkan klik menu File-Save As untuk menyimpan file yang kakak buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.

Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi kakak simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.

Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.

Pada tahap belajar HTML yang lebih jauh, anda dapat menggunakan software editor HTML seperti Dreamweaver. Dengan menggunakan editor yang memang khusus untuk HTML, anda akan banyak dipermudah karena tersedia berbagai bantuan untuk membuat HTML yang lebih kompleks.

Baiklah.. buat Html tak terlalu sulit kan..?? Yang paling kita perlukan ialah.. kemampuan kreativitas kakak masing-masing.

Be Creative ... and
SALAM PRAMUKA...!!!