KomputerPengaturcaraan

Tag HTML untuk teks: penjajaran, saiz, fon

Nampaknya, mengapa anda perlu mengenali tag HTML untuk teks, jika sekarang dalam hampir setiap admin ada editor visual yang mudah yang meletakkannya secara automatik?

Hakikatnya, pemformatan kandungan di laman web ini pada asasnya berbeza daripada kerja dalam aplikasi pejabat. Tidak cukup untuk membuat teks kelihatan menarik, kerana reka bentuk yang betul tidak hanya bergantung pada paparan laman web, tetapi juga pada promosinya di enjin carian.

Tag dan atribut HTML: asas sintaks

Apa-apa teks mempunyai kod tersembunyi yang "menerangkan" kepada komputer apa dan bagaimana ia patut dipaparkan pada skrin. Semua maklumat dicatatkan menggunakan satu set elemen sejagat.

Malah, tag HTML untuk teks adalah arahan yang menambah blok khusus ke halaman atau menukar rupa mereka. Format yang betul untuk kemasukan adalah:

Ambil perhatian bahawa tidak semua tag dipasangkan. Sebagai contoh,
(melangkau talian) atau


(menambah baris mendatar) tidak perlu ditutup sama sekali.

Kenapa anda tidak boleh menyalin artikel dari Word dan program lain ke editor tapak

Walaupun program pejabat moden menggunakan tag HTML yang sama untuk teks, dalam 99% kes kod asli tidak sesuai untuk laman web. Walaupun dokumen itu dipaparkan secara normal dalam aplikasi itu sendiri, pemformatan mungkin gagal apabila dimasukkan ke dalam laman web. Di samping itu, kerana sejumlah besar tanda dan atribut yang tidak perlu, enjin carian tidak boleh menganalisis isi halaman dengan secukupnya. Itu, sebaliknya, menjadikannya sukar untuk mempromosikan sumber anda.

Untuk mendapatkan kod yang bersih dan relevan, anda perlu mengosongkan teks dari tag HTML yang dibuat oleh editor biasa. Terdapat beberapa cara untuk melakukan ini:

  1. "Jalankan" artikel melalui "Notepad" dan hanya selepas tampalan di laman web ini. Aplikasi itu memadamkan semua HTML, jadi selepas itu anda perlu memformat teks lagi (menggunakan alatan editor atau secara manual).
  2. Menulis dan menerbitkan artikel melalui LiveWriter. Seorang editor blog yang popular segera menghasilkan kod yang betul. Dan dalam tab berasingan, anda dapat melihat bagaimana teks di laman web ini akan kelihatan.
  3. Gunakan HTML Cleaner. Perkhidmatan dalam talian ini tidak memusnahkan semua kod sepenuhnya, tetapi hanya serpihan tambahan. Menggunakan penapis, anda memilih tag yang anda mahu simpan. Terdapat juga editor visual yang kuat untuk pemformatan, yang menambah arahan yang dioptimumkan kepada kod.

Sentiasa periksa HTML sebelum menghantar rekod baru. Ia tidak sepatutnya mengandungi tag selain daripada yang kita lihat sekarang.

Perenggan

Elemen ini terdapat dalam hampir semua artikel. Setiap perenggan harus ditempatkan di dalam bekas tersebut - ia memudahkan pemformatan dan membolehkan anda menyimpan satu gaya pada semua halaman laman web. Untuk kemudahan, tag

sentiasa ditulis dari baris baru.

Penjajaran

Tag HTML yang berasingan "Sejajarkan teks" tidak digunakan untuk jangka masa yang panjang. Sebaliknya, atribut sejagat ALIGN telah dicipta. Untuk menukar kedudukan blok teks pada halaman, anda mesti memilih salah satu dari 3 nilai - PUSAT, KANAN atau KIRI. Begitu juga, anda boleh menetapkan penjajaran untuk elemen lain - sebagai contoh, tajuk.

Dalam sesetengah situasi, tag HTML lain digunakan untuk penjajaran. Contohnya, teks berpusat, boleh diatur menggunakan elemen

... . Apakah yang sesuai untuk tag berasingan? Tidak seperti atribut, ia berfungsi dengan apa-apa kandungan, termasuk foto, video, kilat, dll.

Tajuk dan Subkepala

Sistem subheading membolehkan anda membuat struktur kandungan logik. Apabila teks dibahagikan kepada blok semantik, pembaca lebih mudah menumpukan perhatian dan mempelajari maklumat baru. Enjin pencarian juga menganalisis tajuk untuk memahami permintaan apa untuk mempromosikan halaman. Itulah sebab pakar SEO mengesyorkan menggunakan kekunci tematik.

Dalam HTML, enam peringkat sub kepala digunakan - dari

hingga

. Dalam sistem ini terdapat hierarki yang jelas:

  • ... . Tajuk utama (tajuk artikel, barang di kedai dalam talian, dll.). Hanya ada satu

    dalam teks. Sebagai peraturan, ia mengandungi kunci utama.

  • ... . Subheadings tahap kedua memecahkan teks ke dalam blok semantik. Sebagai contoh, jika anda menilai buku nota, anda boleh membuat beberapa

    dengan nama-nama model yang berbeza.

  • ... . Tahap ketiga diperlukan jika teks antara dua

    juga dibahagikan kepada blok kecil. Dalam contoh kami, ini boleh menjadi kriteria penilaian - "Prestasi", "Memori", "Kad video", dan sebagainya untuk setiap model.

  • ,

    ,
    . Dalam amalan, mereka sangat jarang berlaku. Tetapi prinsip umum adalah sama - mereka mesti "bersarang" di blok dengan subheading tahap tertinggi.

Menjejaki hierarki yang betul. Kembali kepada contoh kami, ini bermakna anda tidak boleh memasukkan nama model dengan segera sebagai

atau

. Dan lebih-lebih lagi untuk menggunakan sub-headings tahap yang berbeza untuk blok makna homogen (contohnya, untuk memperuntukkan komputer riba, yang mengambil tempat terakhir dalam penarafan, dengan bantuan
).

Dan inilah skim yang akan membantu anda memahami dan mengingati struktur header yang betul dalam HTML.

Senarai

Mana-mana penghitungan dan arahan lebih baik diformat sebagai senarai menggunakan tag HTML khusus untuk teks (kesilapan tipikal hanya beberapa perenggan

yang bermula dengan tanda hubung atau digit).

Struktur blok tersebut sangat mudah. Pertama, kami menentukan jenis senarai - berlabel

    ... atau bernombor
      ... .

      Semua elemen antara tag pembukaan dan penutupan. Setiap item dalam senarai bermula dengan baris baru dan mempunyai format

    1. ... . Bilangan unsur tidak terhad.

      Pemilihan fon: dan atributnya

      Apa yang boleh saya ubah menggunakan tag HTML ini? Saiz teks, font dan warna - dan tanpa menambah kelas baru dalam CSS. Ini sangat mudah apabila anda hanya perlu memilih satu ayat atau serpihan.

      mempunyai beberapa atribut:

      • Muka . Membolehkan anda menukar font teks. Anda boleh menyenaraikan beberapa pilihan yang dipisahkan oleh koma (Tahoma, Verdana). Jika pengguna tidak mempunyai font pertama yang dipasang, sistem hanya menggunakan alternatif.
      • Saiz . Untuk menambah atau mengurangkan teks, nyatakan dalam petikan nilai dari 1 hingga 7.
      • Warna . Bergantung kepada reka bentuk, anda boleh memilih salah satu warna piawai (merah, hijau, biru) atau masukkan sebarang kod warna untuk dipilih.

      Jangan gunakan perenggan yang diformat dengan dan bukan sub-tajuk. Adalah lebih baik untuk menetapkan tetapan yang sama untuk tag yang betul.

      Cara untuk memilih teks

      Tayar teks yang membosankan, walaupun dengan pecahan oleh perenggan. Untuk menarik perhatian dan memanaskan minat pembaca, disyorkan untuk menyerlahkan mata utama secara grafik. Berikut adalah beberapa arahan yang akan membantu menangani tugas ini.

      ... . Teg HTML yang sangat popular. Teks yang menonjol dengan segera menyerang mata, dan oleh itu dengan bantuannya, ia mudah untuk menyerlahkan tesis dan fakta penting.

      Ramai mengelirukan dan tag. Secara visual tidak ada perbezaan, tetapi mereka bekerja dengan cara yang berbeza. Yang pertama hanya mengubah penampilan teks, dan yang kedua melakukan fungsi "penunjuk" dan menyoroti serpihan yang paling penting (kata kunci dan frasa tematik untuk SEO).

      ... . Elegant dan ketat italik adalah ideal untuk reka bentuk istilah saintifik, kata-kata asing dan pelbagai sebut harga. Dalam edisi yang serius, tajuk karya seni juga dibezakan oleh teks serong.

      ... . Mungkin, banyak perselisihan tidak menyebabkan sebarang tag HTML. Garis bawah teks jarang digunakan, kerana peruntukan kaedah ini secara historis telah diberikan kepada hyperlink. Jika anda menggunakan dalam artikel, ambil perhatian bahawa ini hanya sesuai untuk serpihan pendek - tidak lebih daripada 1 baris.

      ... . Tag menarik yang membolehkan anda membuat sebahagian daripada teks yang tidak sah. Sangat relevan dalam pengiklanan - sebagai contoh, untuk menekankan perbezaan antara harga lama dan baru.

      ... . Cara paling mudah untuk meningkatkan saiz fon tanpa sebarang parameter tambahan.

      ... . Bekerja dengan prinsip yang sama seperti tag sebelumnya. Teks di dalamnya berkurang berbanding dengan teks utama.

      ... . Nama yang betul untuk format ini adalah superskrip. Pada asasnya, tag ini direka untuk darjah matematik dan nota kaki. Ia mengurangkan saiz fon dan menggeser teks yang dipilih.

      ... . Subskrip ini sering dijumpai dalam pelbagai formula. Serpihan yang dipilih terletak di bawah teks utama.

      Bekas semantik

      Oleh kerana beberapa blok dijumpai dalam banyak teks, tag khas telah dibuat untuk mereka. Ini memudahkan pemformatan, kerana jika setiap jenis kandungan mempunyai set gaya sendiri, cukup untuk memilih fragmen teks dan menunjukkan maklumat apa yang terkandung di dalamnya.

      ... . Tag untuk menambah kod komputer. Ia tidak boleh digantikan dalam artikel mengenai pengaturcaraan dengan contoh - perintah tidak dilaksanakan, tetapi dipaparkan sebagai teks biasa.

      ... . Ia bertujuan untuk merumuskan sebut harga - sebagai contoh, petikan utama dari temuduga.

      ... . Ia mengambil sebahagian daripada teks dalam blok berasingan. Secara lalai, pemilihan mempunyai margin yang lebih besar di sebelah kiri, tetapi dalam CSS anda juga boleh mengubah saiz, gaya, dan warna teks.

      ... . Tag tambahan, yang mengandungi maklumat tentang penulis, termasuk pautan.

      Barisan pemisahan

      Dengan menggunakan bar yang mudah, anda boleh menetapkan akhir yang logik seksyen besar.


      tidak diguna pakai pada tanda berpasangan. Ini bermakna elemen penutup format tidak diperlukan.

      Menggunakan atribut WIDTH, anda boleh membuat pemisah lebih pendek dengan menentukan saiz yang sesuai dalam piksel atau peratus lebar tetingkap.

      Dengan mempelajari cara menggunakan tag dengan betul untuk memformat teks dalam HTML, anda bukan sahaja membuat artikel anda mudah dibaca, tetapi juga meningkatkan keberkesanan SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.atomiyme.com. Theme powered by WordPress.