11 Tag HTML Top Setiap Blogger & Pemilik Situs Web Harus Tahu

Iklan

World wide web tahu banyak bahasa dan diberi kode dalam beberapa bahasa yang berbeda. Namun satu bahasa, yang dapat ditemukan di seluruh dan telah ada sejak ditemukannya laman web, adalah HyperText Markup Language, yang lebih dikenal sebagai HTML. Seperti namanya, HTML bukan pemrograman, tetapi bahasa markup. Markup ditafsirkan oleh browser untuk memvisualisasikan konten di situs web. Dalam bentuknya yang paling sederhana, HTML digunakan untuk memformat teks, menyematkan file media, dan mengatur konten pada halaman web. Dengan kata lain, HTML menggambarkan halaman web dan berdasarkan pada deskripsi ini, browser menciptakan 'gambar'.

Berkat pembuat situs web gratis, tidak ada yang benar-benar perlu mengacaukan pengodean HTML lagi. Namun, kadang-kadang tag HTML dapat berguna, misalnya untuk membuat perubahan cepat ke situs web, menambahkan hypertext dalam komentar, atau memformat teks untuk posting forum. Pada artikel ini saya ingin menunjukkan kepada Anda beberapa tag yang mungkin acak, tetapi pasti bermanfaat dan sederhana untuk penggunaan sehari-hari.

Sebelum kita mulai, izinkan saya memperkenalkan Anda pada beberapa aturan dasar yang diharapkan akan membuat tag HTML lebih mudah dipahami:

• HTML menggunakan tag markup, yang tertutup kurung sudut, seperti ini:
• Tag yang terlihat seperti pada contoh di atas disebut tag awal. Setiap tag awal harus diikuti oleh tag akhir di beberapa titik, seperti ini:
• Beberapa tag tidak menjelaskan konten. Agar sesuai dengan standar saat ini, bagaimanapun, mereka harus tetap berakhir. Akibatnya, mereka menyatukan tag awal dan akhir, seperti ini:
  

Memformat Teks

Tag HTML biasanya mudah. Tag untuk membuat teks tebal, miring, atau bergaris bawah berasal dari kata masing-masing.

Memasukkan:mencolok
Output: tebal

Memasukkan:miring
Keluaran:miring

Memasukkan:digarisbawahi
Keluaran:digarisbawahi

Memasukkan:serang teks
Keluaran:serang teks

Membuat Hypertext

URL polos dapat terlihat sangat jelek. Menambahkan hyperlink ke teks, mis. Membuat hiperteks, jauh lebih gaya dan akan menghemat ruang, terutama jika tautannya sangat panjang.

Memasukkan:Menggunakan
Keluaran:Menggunakan

Seperti yang Anda lihat, tag HTML ini sedikit lebih rumit, jadi mari kita lihat secara detail. Tag sebenarnya adalah dan elemen tambahan adalah atribut yang menentukan karakteristik lebih lanjut. Atribut href = menentukan tautan dan title = mendefinisikan tooltip mouse-over. Pastikan untuk menggunakan tanda kutip untuk melampirkan tautan dan judul, jika tidak, Anda mungkin berakhir dengan tautan yang rusak.

Menanamkan Gambar

Sebuah gambar dapat mengatakan lebih dari seribu kata. Kita harus lebih sering menggunakannya. Dan ini adalah bagaimana Anda dapat memasukkan secara manual menggunakan HTML:

Memasukkan:
Keluaran:

Mari kita juga menganalisis tag ini. Sekali lagi, tag yang sebenarnya adalah dan atribut yang diperlukan adalah src = dan alt =. Yang pertama menunjuk ke lokasi gambar, yaitu URL-nya, dan yang terakhir menyediakan teks alternatif, yang ditampilkan jika tampilan gambar diblokir atau tautannya terputus. Sekali lagi, gunakan tanda kutip untuk menghindari tautan yang rusak.

Itu tag juga merupakan contoh dari tag yang tidak perlu 'diakhiri' dan karenanya ditutup dengan tanda hubung ke depan pada tag awal, mis. daripada .

Istirahat & Paragraf

Untuk membuat teks terstruktur, Anda perlu memanfaatkan jeda baris dan paragraf. Dan ini adalah tag yang perlu Anda ketahui:

Memasukkan:

Keluaran: Tag ini menciptakan jeda baris. Perhatikan bahwa ini adalah tag lain yang menyatukan tag awal dan akhir dalam satu tag.

Memasukkan:

Teks di dalam paragraf Anda.

Keluaran: Berbeda dengan tag sebelumnya, tag paragraf memiliki tag awal dan akhir standar. Teks di antara kedua tag dibungkus menjadi paragraf, artinya ada baris kosong sebelum dan sesudah.

Daftar

Pada dasarnya ada dua jenis daftar: daftar berurutan dan tidak berurutan, lebih dikenal sebagai daftar bernomor dan berpoin. Untuk membuatnya, Anda perlu tahu dua tag berbeda, tetapi hanya tiga total. Mari kita lihat contoh pertama:

Memasukkan:

1. Item Satu


2. Butir Dua

Keluaran:

1. Item Satu
2. Butir Dua

Memasukkan:

• Item Satu


• Butir Dua

Keluaran:

• Item Satu
• Butir Dua

Untuk membuat daftar yang diurutkan, gunakan tag dan untuk daftar tidak terurut, masukkan menandai. Dalam kedua kasus tersebut,

tag digunakan untuk mendefinisikan item dalam daftar.

Sekarang Anda telah melihat betapa sederhananya dan logisnya HTML, Anda mungkin ingin melampaui dasar-dasarnya dan belajar sedikit lebih banyak. Untuk tips HTML lainnya, lihat artikel ini:

• 5 Langkah Untuk Memahami Kode HTML Dasar 5 Langkah untuk Memahami Kode HTML DasarHTML adalah tulang punggung setiap halaman web. Jika Anda seorang pemula, biarkan kami memandu Anda melalui langkah-langkah dasar untuk memahami HTML. Baca lebih banyak
• 5 Tips HTML untuk Membuat Website Gratis Pemuatan Cepat 5 Tips HTML untuk Membuat Website Gratis Pemuatan Cepat Baca lebih banyak
• 7 Efek HTML Keren yang Siapa Saja Dapat Tambahkan Ke Situs Webnya 8 Efek HTML Keren yang Siapa Saja Dapat Tambahkan ke Situs WebnyaAnda tidak perlu tahu CSS atau PHP untuk membangun situs mewah. Gunakan trik HTML keren ini untuk menghasilkan efek yang luar biasa. Baca lebih banyak

Apakah Anda merasa sedikit lebih percaya diri menggunakan tag HTML sekarang? Jika sebelumnya Anda pernah menggunakan 'coding tangan', tag apa yang menurut Anda tidak ada?

Kredit gambar: kentoh