Head Elemen HTML Part II

By Labels: at

Assalamu’alaikum Wr. Wb

Pengantar

Hai bagaimana kabarnya? Semoga baik-baik saja ya teman-teman. Melanjutkan artikel yang sebelumnya membahas tentang Head Elemen HTML. Dan pada kesempatan kali ini akan melanjutkannya.

Harapan saya teman-teman dapat mempraktekan dan lebih baik lagi memahami materi kali ini dengan catatan di ulang pelajaran yang sudah dipraktekan agar tidak lupa. Teman-teman mulai dari sini harus membaca dengan teliti agar tidak salah memahami materinya. Semoga sukses dan berhasil, Amin. 

Praktek HTML

Gambar 1
Link Element

Dalam pembuatan link pada HTML tidak hanya <a href=”link dimasukan”>Klik disini</a>, bukan itu saja tapi kita bisa memasukan tag <link>. 

Seperti dibawa ini : 

Gambar 2

Tag <link> digunakan untuk mengakses atau menghubungkan antara file HTML dengan menggunakan file lain. Kebetulan saya menggunakan file HTML yang di hubungkan dengan file CSS.

Gambar hasil setelah di jalankan 

Gambar 3

Script Element

Tag <script> digunakan untuk menginput file script di dalam HTML. tag <script> digunakan untuk bahasa pemograman JavaScript, contoh dibawah ini:

Gambar 4

Ketika file HTML dijalankan akan tampil “Hello World” yang dimana tampilan ini dari dalam baris kode <script>.

Ini contoh kode HTML dan tag <script> di dalam file HTML

Gambar 5

Style Element

Tag <style> digunakan untuk menginput kode style ke dalam halaman HTML. kode style digunakan untuk CSS (Cascading Style Sheets). Contoh dibawah ini :

 

Gambar 6

 

Gambar 7

Title

Tag <title> digunakan menampilkan judul halaman di bagian “tag atas” pada web browser. Umumnya mesin pencari menggunakan nilai tag <title> untuk menampilkan judul pencarian. Sehingga membuat tag <title> yang tepat dapat meningkatkan pencarian di google. Dan pencarian google, hanya 50-60 karakter pertama saja yang akan ditampilkan. 

 

Gambar 8

Gambar 9

Kesimpulan

Melanjutkan pembahasan tentang Head Element HTML yang memfokuskan link, script, style, dan title di dalam head. Awal untuk mengetahui tag-tag apa saja yang bisa di letakan dalam head.

Jadi untuk lanjut ke artikel-artikel selanjutnya teman-teman bisa membaca ulang tulisan ini dengan teliti, pahami, lalu praktekan. Jika ada kesulitan, teman-teman bisa tanyakan di kolom komentar pada website kami.

Terimakasih sudah berkunjung sampai ketemu di artikel selanjutnya, jangan lupa ikuti chanel kami yaitu :

Youtube Alami Computer  

Website Alami Computer

Instagram chaerullah.fadli


19 komentar:

Berkomentar dengan baik dan benar

Back to Top