Cara Cepat Untuk Mempelajari dan Memahasi HTML Untuk Pemula

Tips Mudah dan Cepat Memahami HTML Bagi Pemula

Di zaman sekarang ini siapa sih yang tidak mengenal website dan teknologi didalamnya, tidak wajib bagi kita untuk mempelajari seluruhnya tentang website tapi alahkah bainya jika kita sedikit tau dan mengenal tentang struktur yang membuat sebuah website itu sendiri.

Tips Mudah dan Cepat Memahami HTML Bagi Pemula 

HTML adalah bahasa yang relatif sederhana, tetapi itu tidak menghentikan orang untuk mengalami masalah dengannya. Mengapa demikian? Ini terutama karena, meskipun tag HTML itu sendiri sederhana, membuat dokumen HTML yang berfungsi sebagaimana dimaksud pada server web memerlukan beberapa hal tambahan yang tidak sering dijelaskan. Jadi, inilah panduan untuk memahami bagian-bagian HTML yang tidak diceritakan oleh buku-buku tersebut kepada Anda.

Langkah 1: Pahami jenis dokumen

Jarang diperhatikan bahwa dokumen HTML yang valid sebenarnya tidak dimulai dengan tag - mereka memiliki tag tambahan sebelumnya. Ini adalah doctype dan harus ada di bagian atas dokumen Anda agar menjadi HTML yang valid.

Hanya ada dua doctypes yang benar-benar perlu Anda ketahui. Doctype HTML4 terlihat seperti ini:

Versi XHTML terlihat seperti ini:

Versi doctypes yang sedikit lebih pemaaf - jika Anda seorang purist, Anda dapat menggunakan yang ketat sebagai gantinya dengan mengubah kata "transisi" dan "longgar" menjadi "ketat".

Tapi untuk apa doctype itu? Yah, tujuannya cukup sederhana: ini memberi tahu browser web dengan tepat versi HTML apa yang ditulis halaman Anda, untuk membantu mereka menafsirkannya dengan benar.

Langkah 2: Pahami Kesalahan HTTP.

Benar-benar mengejutkan jumlah orang yang menulis halaman HTML tidak tahu cara kerja HTTP - dan dengan cepat mendapat masalah karenanya. HTTP adalah cara browser web berkomunikasi dengan server web, dan komunikasi tersebut mencakup informasi tentang halaman Anda, seperti: B.Cookies.

Anda tidak perlu terlalu khawatir tentang sifat internal HTTP, tetapi penting untuk mengetahui bahwa itu berfungsi karena browser mengirimkan permintaan ke server untuk halaman tertentu, kemudian server merespons dengan kode.

Situs web Anda harus diatur untuk menangani kode kesalahan dengan benar. Misalnya, kesalahan 404 (halaman tidak ditemukan) akan menampilkan halaman dengan tautan ke bagian paling berguna dari situs Anda. Kode kesalahan umum lainnya adalah:

200 - Oke

301 - Halaman dipindahkan.

403 - Dilarang (tidak ada hak akses).

500 Internal Server Error.

Lihat www.w3.org/protocols untuk informasi lebih lanjut.

Langkah 3: Pahami pengetikan MIME.

Jenis MIME adalah bagian lain dari header HTML - yang penting. Juga dikenal sebagai header Content-Type, mereka memberi tahu browser jenis file apa yang akan dikirim. Browser tidak bergantung pada file HTML yang diakhiri dengan .html, gambar JPEG yang diakhiri dengan .jpeg, dll.: mereka mengandalkan header Content-Type.

Jika Anda tidak mengetahuinya, Anda bisa mendapat masalah saat Anda perlu mengkonfigurasi server Anda untuk mengirim sesuatu yang tidak biasa.

Berikut adalah beberapa tipe MIME yang umum:

teks/html - HTML.

teks/css - CSS

teks/teks biasa.

gambar/gif - gambar GIF.

gambar/jpeg - gambar JPEG.

gambar/png - gambar PNG.

audio/mpeg - berkas audio MP3.

application/x-shockwave-flash - Film Flash.

Langkah 4: Pahami jalur tautan.

Salah satu hal tersulit tentang HTML untuk dipahami adalah semua hal berbeda yang dapat Anda masukkan ke dalam properti href. URL yang dipersingkat dibuat sesuai dengan aturan sistem operasi berbasis teks lama, dan ada banyak orang yang menulis HTML saat ini yang tidak terbiasa dengan aturan ini.

Berikut beberapa contohnya. Masing-masing menganggap tautan ada di laman di http://www.example.com/example1/example1.html.

- Tautan ke http://www.example.com/example1/example2.html

- Tautan ke http://www.example.com/example1/example2.html

- Tautan ke http://www.example.com/example2.html

- Tautan ke http://www.example.com/example2.html

- Tautan ke http://www.example.com/

- Tautan ke http://www.example.com/example1

Sederhananya, satu titik berarti "di folder tempat kita sekarang berada" sedangkan dua titik berarti "di folder di atas folder tempat kita berada". Ini bisa membingungkan dengan cepat - lihat saja perbedaan yang bisa dibuat oleh sebuah poin! Hati-hati dengan itu.

Langkah 5: Pahami cara memasukkan hal-hal non-HTML.

Salah satu pertanyaan HTML yang paling umum adalah bagaimana memasukkan hal-hal seperti Javascript dan CSS dalam dokumen HTML. Ini adalah salah satu pertanyaan termudah untuk dijawab, Anda cukup menggunakan tautan dan tag skrip seperti ini:

Next Post Previous Post
No Comment
Add Comment
comment url