KomputerPemrograman

HTML-tag untuk teks: alignment, ukuran, font yang

Tampaknya, apa yang harus tahu HTML-tag untuk teks, jika di hampir setiap admin memiliki berguna editor visual, yang menempatkan mereka secara otomatis?

Fakta bahwa format konten di website ini sangat berbeda dari bekerja di aplikasi office. Tidak cukup hanya dengan memberikan teks tampilan yang menarik, karena pendaftaran yang benar tergantung tidak hanya menampilkan halaman web, tetapi juga promosi di search engine.

HTML-tag dan atribut: sintaks dasar

Teks memiliki kode tersembunyi yang "menjelaskan" komputer apa dan bagaimana Anda ingin menampilkan pada layar. Semua informasi dicatat dengan satu set elemen universal.

Bahkan, HTML-tag untuk teks - tim ini, yang menambah halaman didefinisikan blok atau mengubah penampilan mereka. Format rekaman yang benar adalah sebagai berikut:

Harap dicatat bahwa tidak semua tag dipasangkan. Misalnya,
(lulus line) atau


(garis Selain horizontal) tidak perlu ditutup sama sekali.

Mengapa tidak dapat menyalin artikel dari Word dan program lainnya dalam editor situs

Meskipun program kantor modern menggunakan HTML-tag yang sama untuk teks, 99% dari kode asli tidak cocok untuk halaman Web. Bahkan jika dalam dokumen aplikasi ditampilkan secara normal, ketika Anda memasukkan situs mungkin kehilangan format. Selain itu, karena jumlah besar tag tambahan, dan mesin pencari tidak dapat secara memadai menganalisis isi dari atribut halaman. Itu, pada gilirannya, membuat sulit untuk mempromosikan situs Anda.

Untuk mendapatkan kode yang bersih dan relevan, Anda harus terlebih dahulu menghapus teks dari HTML-tag dibuat dalam editor biasa. Ada beberapa cara untuk melakukan ini:

  1. "Singkirkan" artikel melalui "Notepad" dan hanya kemudian masukkan situs. Aplikasi ini akan menghapus semua HTML, sehingga kemudian harus kembali memformat teks (menggunakan editor atau tangan alat).
  2. Menulis dan mempublikasikan artikel melalui LiveWriter. Populer blog editor segera menghasilkan kode yang benar. Dan dalam tab terpisah, Anda dapat melihat bagaimana teks akan terlihat di website.
  3. Gunakan HTML Cleaner. Layanan online ini tidak menghancurkan semua kode secara keseluruhan, tetapi hanya fragmen ekstra. Dengan filter, Anda memilih yang tag ke toko. Ada juga WYSIWYG editor yang kuat ke format, yang menambah perintah kode yang sudah dioptimalkan.

Selalu periksa HTML sebelum Anda mempublikasikan posting baru. Di dalamnya tidak boleh ada tag selain dari yang sekarang kita anggap.

paragraf

Unsur ini hadir di hampir semua artikel. Setiap paragraf harus ditempatkan dalam wadah seperti itu - ini menyederhanakan format dan memungkinkan Anda untuk menjaga gaya yang konsisten di seluruh situs. Untuk kenyamanan,

tag selalu ditulis dengan baris baru.

penjajaran

Pisahkan HTML-tag "Teks Keselarasan" tidak lagi digunakan. Sebaliknya, ALIGN atribut yang universal telah dibuat. Untuk memposisikan kotak teks pada halaman, Anda harus memilih salah satu dari 3 nilai - CENTER, KANAN atau KIRI. Demikian pula, Anda dapat menentukan keselarasan dari unsur-unsur lain - seperti header.

Dalam beberapa situasi, untuk penyelarasan menggunakan tag HTML lainnya. teks berpusat, misalnya, dapat diatur dengan bantuan elemen

... . The nyaman tag terpisah? Berbeda dengan atribut, itu bekerja dengan konten, termasuk foto, video, flash, dan sebagainya. D.

Judul dan subjudul

teks Sistem ini memungkinkan Anda untuk membuat struktur logis dari konten. Ketika teks ini dibagi menjadi unit semantik, pembaca jauh lebih mudah untuk berkonsentrasi dan belajar informasi baru. Search Engine juga menganalisis berita utama untuk melihat kueri mempromosikan halaman. Itulah sebabnya para ahli SEO merekomendasikan untuk digunakan dalam kunci tematik mereka.

Dalam HTML menggunakan enam tingkat sub judul - dari

sampai

. Dalam sistem ini, ada hirarki yang jelas:

  • ... . Judul utama (judul artikel, barang di toko online, dan sebagainya. D.). Dalam teks hanya ada satu

    . Biasanya, mengandung kata kunci utama.

  • ... . Sub judul kedua teks tingkat istirahat menjadi unit yang berarti. Misalnya, jika Anda adalah rating laptop, Anda dapat membuat beberapa

    dengan nama-nama model yang berbeda.

  • ... . Tingkat ketiga diperlukan jika teks antara

    juga dibagi menjadi blok-blok kecil. Dalam contoh kita, ini mungkin kriteria evaluasi - "Performance", "Memory", "Video", dan seterusnya untuk setiap model ...

  • ,

    ,
    . Dalam prakteknya, sangat jarang. Tapi prinsip umum adalah sama - mereka harus "tertanam" di unit dengan tingkat tertinggi dari subjudul.

Watch out untuk pelestarian hirarki yang benar. Kembali ke contoh kita, ini berarti bahwa Anda tidak bisa langsung memasukkan nama-nama model yang seperti

atau

. Dan lebih jauh lagi untuk menggunakan homogen dalam arti sub judul blok tingkat yang berbeda (misalnya, menyoroti laptop, peringkat terakhir di rating, menggunakan
).

Tapi skema, yang langsung akan memahami dan mengingat struktur yang benar dari header di HTML.

daftar

Transfer dan lebih baik instruksi yang dikeluarkan dalam bentuk daftar, menggunakan khusus HTML-tag untuk teks (kesalahan umum - hanya beberapa paragraf

, yang dimulai dengan tanda hubung atau digit).

Struktur blok tersebut sangat sederhana. Pada awalnya, kami menentukan jenis daftar - bullet

    ... atau nomor
      ... .

      Semua elemen berada di antara tag pembuka dan penutup. Setiap item daftar dimulai dengan baris baru dan memiliki format

    1. ... . Jumlah elemen tidak terbatas.

      pemilihan font: dan atributnya

      Apa yang dapat diubah dengan menggunakan HTML-tag? Ukuran teks, font dan warna - dan tanpa penambahan kelas baru di CSS. Hal ini sangat berguna ketika Anda perlu memilih hanya satu kalimat atau fragmen.

      memiliki beberapa atribut:

      • Wajah. Hal ini memungkinkan Anda untuk mengubah font teks. Anda bisa daftar beberapa pilihan, dipisahkan dengan koma (Tahoma, Verdana). Kecuali font pertama pengguna, sistem ini menggunakan alternatif sederhana.
      • Ukuran. Untuk menambah atau mengurangi teks, masukkan nilai dikutip dari 1 sampai 7.
      • Warna. Tergantung pada desain, Anda dapat memilih salah satu dari warna standar (merah, hijau, biru) atau masukkan kode warna untuk memilih dari.

      Jangan menggunakan paragraf yang diformat menggunakan , bukan sub judul. Ini lebih baik untuk meminta parameter desain yang sama tag yang benar.

      Metode untuk memilih teks

      melelahkan teks monoton, bahkan dipecah menjadi paragraf. poin-poin kunci dianjurkan untuk mengalokasikan grafis untuk menarik perhatian dan membangkitkan minat dalam pembaca. Berikut adalah beberapa tim yang akan mengatasi dengan tugas ini.

      ... . Sangat populer HTML-tag. teks tebal menangkap mata, tetapi karena dengan lebih mudah untuk membedakan poin berbicara penting dan fakta.

      Banyak orang bingung tag dan . Visual tidak ada perbedaan, tetapi mereka bekerja dengan cara yang berbeda. Yang pertama hanya mengubah tampilan teks, dan yang lainnya berfungsi sebagai "pointer" dan menyoroti bagian yang paling penting (kata kunci tematik dan frase untuk SEO).

      ... . Elegan dan ketat tentu saja sangat ideal untuk desain istilah ilmiah, kata-kata asing dan berbagai kutipan. Dalam publikasi serius italic juga merilis nama-nama karya seni.

      ... . Mungkin begitu banyak kontroversi tidak menyebabkan HTML-tag. Garis bawahi Teks jarang digunakan, sebagai metode alokasi ini secara historis bercokol untuk hyperlink. Jika Anda menggunakan di artikel, harap dicatat bahwa ini hanya cocok untuk potongan-potongan pendek - tidak lebih dari 1 baris.

      ... . tag menarik yang memungkinkan Anda untuk melakukan beberapa teks dicoret. Sangat relevan dalam iklan - misalnya, untuk menekankan kontras antara harga lama dan baru.

      ... . Cara termudah untuk meningkatkan ukuran font tanpa pengaturan tambahan.

      ... . Ia bekerja pada prinsip yang sama seperti tag sebelumnya. Teks dibuang dalam, mengurangi sehubungan dengan tanah.

      ... . Nama yang benar untuk format ini - superscript itu. Pada dasarnya, tag ini dirancang untuk derajat matematika dan catatan kaki. Ini mengurangi ukuran font dan menggeser teks yang dipilih up.

      ... . subscript yang sering ditemukan dalam berbagai formula. Fragmen terisolasi terletak di bawah teks utama.

      kontainer semantik

      Seperti beberapa blok yang ditemukan dalam banyak teks, karena mereka mulai membuat tag khusus. Ini menyederhanakan format, karena jika setiap jenis konten telah menetapkan sendiri gaya, mengalokasikan sepotong cukup teks dan menunjukkan informasi apa yang dikandungnya.

      ... . Tag untuk kode komputer. Sangat diperlukan dalam Artikel Pemrograman contoh - perintah tidak dijalankan dan ditampilkan sebagai teks biasa.

      ... . Dirancang untuk memproses kutipan - misalnya, kutipan kunci dari wawancara.

      ... . Itu membuat bagian dari teks di blok terpisah. Secara default, pemilihan lebih menjorok di sebelah kiri, tetapi dalam CSS Anda juga dapat mengubah ukuran, gaya jenis huruf dan warna teks.

      ... . tag opsional yang berisi informasi tentang penulis, termasuk link.

      Membagi baris

      Dengan fitur-fitur yang sederhana, Anda dapat menetapkan akhir logis dari bagian besar.


      bukan sepasang tag. Ini berarti bahwa penutupan tidak perlu item Format.

      C menggunakan atribut WIDTH dapat dibuat lebih pendek dari separator dengan menetapkan ukuran yang sesuai dalam pixel atau persentase dari lebar jendela.

      Untuk belajar menggunakan tag untuk memformat teks dalam HTML, Anda tidak hanya akan membuat artikel Anda lebih mudah dibaca, tetapi juga meningkatkan efisiensi SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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