Pahami Tag Dasar HTML5 dari Nol Hingga Mahir WEB

Pahami Tag Dasar HTML5 dari Nol Hingga Mahir WEB
(Pahami Tag Dasar HTML5 dari Nol Hingga Mahir WEB)

Untuk membuat website dari nol sebenarnya tidak sulit bagi pemula. Jika ente pemula seperti ane maka yang perlu ente lakuin cukup gampang yakni memahami dari awal bahasa markup HTML. Lalu apa pengertian website? Website adalah suatu halaman web yang biasanya ditempatkan dalam server web yang dapat diakses secara global dengan jaringan Internet ataupun melalui jaringan LAN. Halaman ini saling berhubungan dari satu bagian ke bagian lainnya sehingga dapat menghasilkan sebuah informasi yang dapat di nikmati oleh pengguna nya. Website bisa berupa sosial media, web penjualan, edukasi misal web perpustakaan dll.

Pengertian HTML

HTML adalah Hyper Text Markup Language atau bahasa markup yang digunakan oleh seorang developer untuk membuat halaman website untuk menampilkan berbagai informasi yang dapat dijalankan melalui web browser. Dalam membuat file html sebenarnya dapat menggunakan banyak aplikasi pendukung namun saran ane mending ente gunain Notepad ++ (Notepad plus plus). Selain terbilang gratis, notepad ++ sangat mudah digunakan bagi orang awam saat membangun sebuah website dan secara tidak langsung dapat menghafal script atau kode yang kita ketik.

Baca : Membuat Efek Lubang Tag Elemen DIV Html Menggunakan Css


Memahami tag dasar HTML

Sebelum jauh kita melangkah bro, mohon di pahami dari awal terlebih dahulu. Karena jika ente cuma copas dari script orang yang ada entar ide kreatif ente buntu. ya gak sih? hehe...

Langkah - langkah :

1. Buka notepad plus plus ente
2. Tulis kode berikut ini :


3. Save dengan nama index.html
jika ingin melihat hasilnya silahkan klik dua kali pada file yang ente simpan tadi.

Penjelasan kode html :

No Kode Keterangan
1 <! DOCTYPE html> kode !DOCTYPE html adalah pendeklarasian file yang didefinisikan bahwa dokumen ini adalah file HTML5.
2 <html> tag html adalah elemen dasar yang wajib disertakan dalam pembuatan file HTML
3 <head> tag head adalah elemen yang nantinya akan kita isi dengan informasi meta tentang dokumen
4 <title> tag title adalah elemen untuk menentukan judul dokumen. jika sudah menjadi website tag ini yang akan muncul di search engine dan tab browser.
5 <body> tag body adalah elemen yang berisi konten halaman yang akan terlihat. dalam tag ini
6 <h1> h1 adalah tag heading yang digunakan untuk memberikan sebuah judul dalam artikel kita. tag heading ini juga ada h1, h2, h3, h4, h5 dan h6.
7 <p> tag p adalah pendefinisian untuk sebuah paragraf. jadi paragraf yang ente buat dapat dimasukan ke dalam tag ini.

Ilustrasi Struktur HTML

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>Ini merupakan tag untuk meletakan paragraf pertama kita dalam pembuatan sebuah artikel yang nantinya akan kita tampilkan di halaman.</p>
<p>Ini merupakan tag kedua yang kita buat untuk meletakan paragraf kedua dalam pembuatan sebuah artikel yang nantinya akan kita tampilkan di halaman.</p>
</body>
</html>

Hasil saat di Jalankan

File yang ente buat tadi jika dijalankan kurang lebih akan nampak seperti gambar di bawah ini. Untuk menjalankan nya silahkan cari file index.html yang telah ente buat sebelumnya, Kemudian coba ente jalankan file tersebut dengan cara klik dua kali. Maka secara langsung browser ente akan terbuka dan berisi website dasar buatan ente.


Hingga tahap ini ane harap ente sudah faham mengenai pengenalan dasar tentang Tag Dasar HTML5 dari Nol Hingga Mahir WEB. Dengan menggunakan notepad ente akan mudah saat menuangkan ide-ide kreatif ketika menggabung dengan css atau pun javascript. Silahkan klik tombol dibawah untuk tahap selanjutnya. Terimakasih.

0 komentar :