Untuk itu, Anda sebagai pemula tidak perlu merasa khawatir dalam mempelajari fungsi dan pengertian HTML. Dalam artikel ini AtehaSchool akan membantu mengulas Pengertian dan Kegunaan HTML serta mengenalkan tag-tag HTML secara lengkap.
Apa itu yang dimaksud dengan HTML ? HTML atau singkatan dari Hyper Text Markup Language merupakan bahasa markah yang digunakan sebagai pemrograman web, yakni untuk menampilkan isi informasi halaman web browser. Pada dasarnya stuktur tag HTML tidak bisa ditampilkan oleh browser melainkan hanya digunakan oleh browser untuk menampilkan sebuah halaman web.
Srtuktur Tag HTML
Tag HTML merupakan sebuah nama elemen yang diapit oleh sudut kurung. Cara penulisan stuktur tag HTML harus berpasangan dengan tag yang sama, namun pada tag akhir ditambah dengan tanda penutup garis miring atau Forward Slash ( / ), seperti contoh :
- Tag awal <html> berpasangan dengan tag akhir </html>
- Tag awal <head> berpasangan dengan tag akhir </head>
- Tag awal <title>berpasangan dengan tag akhir </title>
- Tag awal <body> berpasangan dengan tag akhir </body>
- Tag awal <h1> berpasangan dengan tag akhir </h1>
- Tag awal <h2> berpasangan dengan tag akhir </h2>
- Tag awal <p> berpasangan dengan tag akhir </p> dan seterusnya.
Menulis Bentuk Struktur Tag HTML
Tag HTML dapat kita tulis menggunakan aplikasi Notepad (Windows) atau TextEdit (Mac). Sebagai tahap pembelajaran dua aplikasi ringan bawaan Windows ( Notepad ) atau TextEdit (Sistem operasi bawaan Mac) memang cocok untuk digunakan.
Langkah membuka Aplikasi TextEdit pada Mac :
- Buka Finder → Applications → TextEdit
- Kemudian ubah preferensi agar aplikasi dapat melakukan penyimpanan file dengan benar pada menu Preferences → Format → pilih "Plain Text"
- Setelah itu beri tanda centang kotak "Ignore rich text commands in HTML files" yang berada dibawah menu OPEN dan SAVE
- Selanjutnya buka New Document untuk menempatkan kode HTML yang akan dibuat.
Untuk pengguna Windows 8 atau versi yang lebih baru:
Buka Start Screen (simbol jendela di bagian kiri bawah pada layar Anda) kemudian Ketik Notepad.
Untuk pengguna Windows 7 atau versi dibawahnya :
Buka Start → Programs → Accessories → Notepad.
Dalam artikel ini kita akan ambil contoh cara menulis struktur tag HTML menggunakan Notepad sebagai berikut.
<!DOCTYPE html>Kemudian simpan file html tersebut pada folder komputer yang telah ditentukan.
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
<h1>Mencoba Cara Menulis Kalimat Dalam HTML Tag h1</h1>
<p>Latihan HTML paragrap.</p>
</body>
</html>
Cara Menyimpan File HTML
Pada menu Notepad yang terletak di pojok kiri atas pilih FILE → SAVE AS kemudian berikan nama file dengan Ektensi HTML atau HTM , selanjutnya dalam kotak SAVE AS TYPE ubah menjadi ALL FILES.
Perhatikan pada gambar di bawah ini.
Membuka File HTML pada Browser
Untuk membuka file HTML tersebut sangat mudah hanya menge KLIK 2 KALI pada nama file, atau dengan cara Pilih FIle KLIK KANAN → Open with → Google Chrome (Pilih nama browser sesuai selera anda ).
Halaman web yang ditampilkan oleh browser seperti pada gambar dibawah ini
Penjelasan elemen kode HTML diatas adalah sebagai berikut
- Deklarasi <!DOCTYPE html> berfungsi untuk mendefinisikan dokumen menjadi HTML5, jenis deklarasi <!DOCTYPE html> ini tidak sensitif huruf (tidak membedakan huruf besar dan kecil) sehingga halaman web dapat ditampilkan pada browser dengan sempurna.
- Tag <html> merupakan sebuah elemen untuk root dari halaman HTML
- Tag <head> berfungsi untuk menyimpan informasi meta tag tentang dokumen.
- Tag <title> berfungsi untuk menentukan nama judul setiap halaman web.
- Elemen Tag <body> berisi kode untuk menampilkan konten pada browser agar terbentuk sebuah halaman web.
- Elemen Tag <h1> untuk mendefinisikan judul besar atau judul posting yang paling penting.
- Elemen Tag <p> untuk mendefinisikan sebuah paragrap pada halaman web.
No comments:
Post a Comment