Hai pembaca, di beberapa blog saya yang lalu, kita belajar tentang dasar-dasar HTML dan juga belajar banyak tentang cara menulis sintaks HTML, yang saya maksud adalah strukturnya. Jadi mari kita lakukan rekap singkat terlebih dahulu, kita belajar tentang elemen, tag, dan atribut dan kita juga belajar tentang cara kerja dokumen HTML. Selanjutnya, periksa struktur sintaksis berikut sehingga kita dapat melanjutkan dan mempelajari penggunaan tag.

Jadi tunggu apa lagi yuk kita mulai……

Maaf sebelumnya jika saya membuat Anda takut di antara keduanya

Lihat sub-topik berikut secara detail-

  1. Judul —

Oke, judul digunakan untuk menilai pentingnya teks dalam file HTML Anda. Judul ini selanjutnya diklasifikasikan menjadi 6 tag dalam urutan kepentingannya.

Mengapa Judul itu penting — Judul digunakan untuk memberikan struktur yang tepat pada konten laman web Anda. Dalam tampilan sebenarnya, pemirsa sering kali cenderung melewatkan beberapa bagian halaman web Anda untuk melihat judulnya.

(Catatan: Browser web secara otomatis menambahkan margin di kedua sisi judul Anda)

(PERINGATAN: Jangan gunakan judul untuk menyesuaikan ukuran teks Anda atau hanya untuk membuatnya terlihat lebih tebal atau menonjol dari konten Anda. Satu-satunya tujuan judul sebagai pemrogram adalah menggunakannya sebagai judul sebagai browser web hanya menilainya sebagai teks penting tergantung pada jenis tag heading yang Anda gunakan.)

Sintaks -

‹h1›Judul 1‹/h1›

‹h2›Judul 2‹/h2›

‹h3›Judul 3‹/h3›

‹h4›Judul 4‹/h4›

‹h5›Judul 5‹/h5›

‹h6›Judul 6‹/h6›

Di sini, elemen h1 digunakan untuk menentukan judul terpenting dokumen Anda, dan elemen h6 digunakan untuk menentukan judul yang paling tidak penting.

2. Paragraf —

Sama seperti kedengarannya, tag ini digunakan untuk membuat blok teks apa pun tampak seperti paragraf. Paragraf selalu dimulai dengan baris baru dan sejajar.

Sintaks -

‹p›Ini adalah sebuah paragraf.‹/p›

(PERINGATAN: Saat menggunakan tag ini, Anda akan mengamati berapa pun jumlah spasi yang Anda tambahkan di antara kata atau berapa banyak baris yang Anda tambahkan secara vertikal. Baris ini akan muncul dalam bentuk paragraf )

Untuk mengatasi masalah ini, kami memiliki beberapa tag yang digunakan, periksa sub-topik — 6.

3. Memformat —

Tag ini digunakan untuk memformat teks Anda dalam beberapa cara. Ini seperti file Word Anda di mana Anda dapat membuat teks apa pun tampak tebal, miring, disorot, atau membuatnya tampak terhapus.

Sekarang kita akan memeriksa beberapa tag ini -

  • Tebal — ‹b›tebal‹/b›
  • Miring — ‹i›italik‹/i›
  • Sorot — ‹tanda›sorot‹/tanda›
  • Hapus — ‹del›‹/del›
  • Disisipkan — ‹in›‹/ins›
  • Subskrip — ‹sub›‹/sub›
  • Superskrip — ‹sup›‹/sup›
  • Dua arah — ‹bdo›‹/bdo›

Elemen (del dan elemen ins mungkin membuat teks Anda tampak disisipkan atau dihapus tetapi untuk browser web hanya digunakan untuk menyebutkan bahwa kata-kata ini dihapus atau disisipkan dalam HTML kami dokumen)

4. Pemformatan (Diakui oleh browser Web) —

Anda mungkin bertanya-tanya jenis tag apa ini, jadi tag ini juga memformat teks tetapi memiliki fungsi berbeda di baliknya.

Mereka adalah sebagai berikut -

  • Kuat — ‹kuat›‹/kuat›
  • Tekankan — ‹em›‹/em›
  • Kecil — ‹kecil›‹/kecil›
  • Hapus — ‹del›‹/del› (disebutkan sebelumnya)
  • Disisipkan — ‹ins›‹/ins› (disebutkan sebelumnya)

Elemen Kuat digunakan untuk memberi tahu browser bahwa teks yang dibungkus di dalamnya adalah teks penting sehingga membuatnya tampak lebih tebal.

Elemen Tekankan digunakan untuk memberitahukan kepada browser bahwa teks yang dibungkus di dalamnya juga merupakan teks penting dan ada gaya pada teks tersebut sehingga membuatnya muncul dalam huruf miring.

Elemen kecil digunakan hanya untuk memberi tahu browser bahwa teks di dalamnya tidak begitu penting sehingga hanya memperkecil ukurannya.

(Hapus danDisisipkan elemen telah dibahas dalam sub-topik — 3)

5. Pemformatan Siap Pakai —

Tag ini adalah beberapa tag siap pakai yang digunakan untuk memberi tahu browser bahwa tag tersebut memiliki fungsi berikut.

Elemen blockquote digunakan untuk memberi tahu browser bahwa teks tersebut adalah kutipan terkenal yang telah digunakan dari tempat lain. Untuk membuatnya tampak sebagai kutipan, browser menyediakannya dengan sebuah lekukan.

Elemen q sama dengan elemen blockquote namun hanya untuk tanda kutip yang lebih kecil dan tidak membuatnya dicetak miring melainkan hanya disebutkan dalam tanda kutip ganda.

Elemen abbr digunakan untuk menyebutkan kepada browser bahwa teks yang dibungkus di dalamnya merupakan singkatan alias bentuk pendek.

(TIPS: Anda dapat menggunakan atribut judul di dalamnya, karena ketika mouse mengarahkan kursor ke singkatan, formulir lengkap akan muncul)

Elemenalamat menyebutkan kepada browser bahwa teks di dalamnya adalah sebuah alamat, untuk membuatnya tampak seperti sebuah alamat, browser akan memberikan jeda baris setelah tag ‹address› dan sebelum ‹/address › dan membuat teks tampak miring.

Elemen cite menyebutkan pada browser bahwa teks di dalamnya adalah sebuah karya terkenal (misalnya buku, puisi, lagu, film, lukisan, patung, dll.).

Mereka adalah sebagai berikut -

  • Blockquote — ‹blockquote›‹/blockquote›
  • q — <q></q>
  • Abbr — ‹abbr›‹/abbr›
  • Alamat — ‹alamat›‹/alamat›
  • Kutipan — ‹kutipan›‹/kutipan›

6. Istirahat dan Memperbaiki —

Elemen Break adalah elemen kosong tanpa tag akhir, digunakan untuk memecah kalimat dan kemudian membuat baris setelah break muncul di baris berikutnya.

TetapElemen digunakan untuk membuat garis muncul dengan panjang dan lebar tetap seperti yang disebutkan dalam dokumen HTML kita.

  • Istirahat — ‹br›
  • Diperbaiki — ‹pra›‹/pra›

7. Komentar —

Saat menulis kode, jika ada catatan atau komentar tertentu untuk baris tertentu dari kode Anda dan Anda tidak ingin komentar atau komentar tersebut muncul di keluaran, gunakan elemen komentar.

Sintaks -

‹! — Ini adalah komentar — !›

Jadi, itu saja. Saya tahu ini adalah blog yang panjang tapi percayalah, saya telah membahas sebagian besar hal yang perlu Anda ketahui tentang Teks dalam HTML. Blog saya yang akan datang akan membahas lebih banyak topik seperti itu yang saya yakin akan banyak memicu pengetahuan Anda. Juga, maaf, tetapi saya pikir dalam waktu dekat saya akan mulai menulis blog tentang topik DSA juga, meskipun saya tidak yakin tentang hal itu, mari kita lihat apa yang akan terjadi di masa depan bagi saya, maaf, maaf.

Terima kasih telah membaca dan selamat coding!!!