HTML Dasar Part 2 : Mengenal Tag HTML
Seperti biasa, sebelum memulai pembelajaran alangkah baiknya berdo'a terlebih dahulu
Di part kedua ini segeranat.blogspot.com membarikan pembelajaran tentang tag pada HTML.
Aturan-aturan yang ada di HTML:
Di part kedua ini segeranat.blogspot.com membarikan pembelajaran tentang tag pada HTML.
Aturan-aturan yang ada di HTML:
HTML terdiri dari elemen-elemen, elemen sendiri terdiri dari <tag pembuka> lalu konten atau isinya, kemudian ditutup dengan <tag penutup>, dan ada juga tag yang tidak menggunakan tag penutup.
Semua file HTML dibungkus oleh tag <html>.
Untuk lebih jelasnya mari kita praktekkan.
3. Buatlah koding seperti dibawah ini pada text editor yang anda gunakan :
4. Tekan tombol Ctrl+S pada keyboard untuk menyimpan file
5. Kemudian buka latihan.html menggunakan browser, maka tab bar akan berubah menjadi Web Ku, yang merupakan isi dari tag title
**penjelasan : tag <head> yaitu berisi informasi tentang website yang kita buat, seperti judul website
**penjelasan : tag <title> merupakan tag yang digunakan untuk membuat judul dari sebuah halaman web
6. Kemudian buatlah koding seperti dibawah ini pada text editor yang anda gunakan :
7. Tekan tombol Ctrl+S pada keyboard untuk menyimpan file
8. Buka lagi browsernya, dan pastikan sudah berada pada latihan.html
9. Selanjutnya refresh browsernya, bisa dengan menekan tombol F5 pada keyboard, maka hasilnya akan seperti ini :
**Penjelasan :Tag <body> merupakan tag yang digunakan untuk membuat tubuh dari sebuah halaman dan untuk menampilkan isi dukumen HTML
Rangkuman >>>
Jadi didalam HTML terdiri dari elemen-elemen, apa itu elemen?
Elemen pada HTML adalah susunan dari tag pembuka sampai tag penutup, elemen html didefinisikan oleh tag pembuka, lalu dilanjutkan oleh konten dan di akhiri oleh tag penutup.
Tag HTML umumnya selalu berpasangan seperti <title> dan </title>, yang dimana tag pertama <title> yaitu tag pembuka dan tag kedua </title> adalah tag penutup, serta teks diantara kedua tag tersebut disebut isi elemen, contohnya seperti <title> Web ku </title> dimana Web Ku merupakan isi elemen.
Ok sekian pembelajaran di part 2 tentang perkenalan dengan HTML.
Jangan lupa ikuti pembelajaran-pembelajaran selanjutnya di part 3
Berdo'a setelah belajar :)
Semua file HTML dibungkus oleh tag <html>.
Untuk lebih jelasnya mari kita praktekkan.
1. Buka file latihan.html yang di part 1 sudah dijelaskan
2. Klik kanan pada file latihan.html, pilih Open With Notepad jika menggunakan OS Windows, dan Text Editor jika menggunakan Linux, atau bisa juga menggunakan text editor lainnya3. Buatlah koding seperti dibawah ini pada text editor yang anda gunakan :
<html>
<head>
<title> Web Ku </title>
</head>
</html>
<head>
<title> Web Ku </title>
</head>
</html>
4. Tekan tombol Ctrl+S pada keyboard untuk menyimpan file
5. Kemudian buka latihan.html menggunakan browser, maka tab bar akan berubah menjadi Web Ku, yang merupakan isi dari tag title
**penjelasan : tag <head> yaitu berisi informasi tentang website yang kita buat, seperti judul website
**penjelasan : tag <title> merupakan tag yang digunakan untuk membuat judul dari sebuah halaman web
6. Kemudian buatlah koding seperti dibawah ini pada text editor yang anda gunakan :
<html>
<head>
<title> Web Ku </title>
</head>
<body>
Selamat Datang
</body>
</html>
<head>
<title> Web Ku </title>
</head>
<body>
Selamat Datang
</body>
</html>
7. Tekan tombol Ctrl+S pada keyboard untuk menyimpan file
8. Buka lagi browsernya, dan pastikan sudah berada pada latihan.html
9. Selanjutnya refresh browsernya, bisa dengan menekan tombol F5 pada keyboard, maka hasilnya akan seperti ini :
**Penjelasan :Tag <body> merupakan tag yang digunakan untuk membuat tubuh dari sebuah halaman dan untuk menampilkan isi dukumen HTML
Rangkuman >>>
Jadi didalam HTML terdiri dari elemen-elemen, apa itu elemen?
Elemen pada HTML adalah susunan dari tag pembuka sampai tag penutup, elemen html didefinisikan oleh tag pembuka, lalu dilanjutkan oleh konten dan di akhiri oleh tag penutup.
Tag HTML umumnya selalu berpasangan seperti <title> dan </title>, yang dimana tag pertama <title> yaitu tag pembuka dan tag kedua </title> adalah tag penutup, serta teks diantara kedua tag tersebut disebut isi elemen, contohnya seperti <title> Web ku </title> dimana Web Ku merupakan isi elemen.
Ok sekian pembelajaran di part 2 tentang perkenalan dengan HTML.
Jangan lupa ikuti pembelajaran-pembelajaran selanjutnya di part 3
Berdo'a setelah belajar :)
Tidak ada komentar:
Posting Komentar