Tips Belajar Html Online Untuk Pemula

Tips Belajar Html Online Untuk Pemula

Dalam artikel belajar html kali ini, kita akan membahas sedikit tips dan trik dalam belajar html online, terutama untuk para pemula.

Gunakan komentar HTML dengan bijak

Untuk membuat kode HTML Anda lebih jelas bagi Anda (dan untuk orang lain), Anda dapat menambahkan komentar ke kode Anda. Ini adalah cuplikan kode yang diabaikan oleh browser Web, sehingga berguna untuk menambahkan catatan dan pengingat singkat dalam kode:

<! – Area Navigasi: Sorot item menu dengan kelas “hi” ->

<div id = “nav”>
<ul>
<li> <a href=”/”> Beranda </a> </ li>
<li class = “hi”> <a href=”/about/”> Tentang </a> </ li>
</ ul>
</ div>

Menyematkan gambar dalam HTML

Menunjuk dengan benar ke gambar menggunakan tag <img> adalah batu sandungan umum untuk pemula. Seringkali halaman Web Anda akan terlihat bagus pada PC desktop Anda, tetapi ketika Anda mengunggah halaman ke situs Anda, semua gambarnya rusak.

Masalahnya tidak dibantu oleh beberapa editor halaman web, yang salah menempatkan “file: //” URL gambar daripada menggunakan URL relatif!

Ikuti aturan sederhana ini untuk memastikan gambar HTML Anda muncul dengan benar setiap saat.

  1. Jika memungkinkan, gunakan URL relatif

URL relatif biasanya yang terbaik untuk digunakan karena mereka akan bekerja di mana pun halaman dan gambar berada, asalkan mereka selalu berada di tempat yang sama relatif terhadap satu sama lain. Misalnya, jika gambar berada di folder yang sama dengan halaman Web, gunakan:

<img src = “myphoto.jpg”>

Jika gambar ada dalam folder gambar pada tingkat yang sama dengan halaman Web, gunakan:

<img src = “images / myphoto.jpg”>

Jika gambar ada dalam folder gambar pada tingkat di atas halaman Web, gunakan

<img src = “../ images / myphoto.jpg”>

  1. Atau, gunakan URL relatif ke root dokumen

Jika Anda memiliki semua gambar Anda dalam folder gambar di tingkat atas situs Anda (root dokumen atau root web), Anda dapat merujuk gambar seperti ini:

<img src = “/ images / myphoto.jpg”>

Ini memiliki keuntungan bahwa Anda dapat memindahkan halaman Web Anda di mana saja di dalam situs Anda, dan gambar akan tetap ditampilkan, asalkan Anda menyimpan gambar di folder gambar global ini.

Kerugian dari pendekatan ini adalah bahwa itu hanya akan bekerja ketika halaman Web Anda ditampilkan melalui server Web (menggunakan http: //), bukan ketika dilihat langsung dari hard drive Anda (menggunakan file: //).

  1. Jangan gunakan URL absolut!

Jika memungkinkan, hindari penggunaan URL mutlak di situs Anda. URL absolut adalah URL yang diawali dengan http: // atau file: //. Khususnya, jika halaman Web di hard drive Anda berisi URL gambar seperti ini:

<img src = “file: /// C: | /mywebsite/images/myphoto.jpg”>

itu tidak akan berfungsi ketika Anda mengunggahnya ke server Web Anda, karena tag img langsung merujuk file pada hard drive Anda! Ubah tautan ke tautan relatif seperti:

<img src = “myphoto.jpg”>

atau mungkin:

<img src = “../ images / myphoto.jpg”> seperti yang dijelaskan dalam Aturan A di atas.

You may also like