Cara membuat font cantik di html: ukuran, warna, tag font html. Tag pemformatan teks HTML dasar - menyorot teks dalam huruf tebal dan miring; pilihan ukuran, warna dan font; paragraf dan tag heading Font miring atau italic
Pada artikel ini kita akan berbicara tentang cara menyorot teks huruf miring HTML. Seperti halnya teks tebal, teks miring dapat dibuat dengan tiga cara:
- Menandai Saya HTML;
- Menandai em HTML;
- properti CSS gaya font.
Mari kita lihat ketiga opsi cara membuat huruf miring di HTML, diskusikan seluk-beluk masalah ini dan metode mana yang lebih nyaman dan tepat untuk digunakan dalam situasi tertentu.
Teks miring: tag
Menandai Saya(miring), mirip dengan tag B untuk teks tebal, berfungsi untuk menyorot teks miring secara fisik (artinya hanya gaya teks saja yang diubah). Menerapkan tag Saya:
Pembuat situs web "Nubex"
Dengan demikian, bagian teks yang diperlukan ditempatkan di antara tag .
Teks miring: tag
Meskipun tagnya Saya tetap valid, dari sudut pandang optimasi situs lebih baik menggunakan tag em untuk menyorot bagian teks yang penting secara logis. Artinya robot pencari memperhitungkan pentingnya teks yang ditempatkan di antara tag :
Pembuat situs web "Nubeks"
Hasil:
Pembuat situs web "Nubeks"
Namun jangan lupa bahwa teks tersebut diapit tag Saya Dan em, meskipun ditampilkan hampir sama (di semua browser modern), pada dasarnya keduanya tidak sepenuhnya identik, seperti disebutkan di atas. Oleh karena itu, Anda perlu menggunakan tag sesuai kebutuhan: tag em HTML membingkai bagian penting dari teks, dan huruf miring visual diterapkan menggunakan tag Saya atau gaya CSS. Sekarang mari kita lihat penggunaan gaya CSS untuk membuat teks miring.
Teks miring dengan CSS
Untuk mengatur gaya tampilan font di CSS, gunakan properti gaya font, yang dapat mengambil nilai berikut: miring(teks miring), miring(miring) dan normal(font biasa).
Perlu diingat hal itu miring huruf dan cenderung, pada dasarnya, bukanlah hal yang sama. Huruf miring- ini adalah font khusus yang analog teks tulisan tangan, A cenderung dibentuk dengan cara miring font biasa ke kanan.
Menerapkan atribut gaya font dalam praktiknya:
Situs kami sungguh langkah besar dalam pengembangan web.
Kami melakukannya dengan sungguh-sungguh kualitas situs.
Namun perlu Anda ingat bahwa beberapa browser memiliki teks dengan properti tersebut gaya font: miring; tidak boleh diartikan sebagai teks miring, melainkan sebagai teks miring.
Sekarang kita akan mempelajari tag utama.
Mari kita mulai dengan tag apa yang diperlukan pada halaman, membentuk strukturnya.
Memblokir. Struktur halaman sederhana Halaman situsnya biasa saja berkas teks dengan ekstensi.html . Teks disimpan di dalam file ini halaman HTML
bersama dengan tag. File ini harus memiliki tag berikut: tag, yang harus berisi teks seluruh situs (semua yang ditulis di luar tag ini akan diabaikan oleh browser), dan di dalamnya harus ada dua tag lagi: tag
untuk konten dan tag halaman layananVersi bahasa saat ini adalah nomor lima dan doctype-nya akan terlihat seperti ini -
Jadi mari kita lihat struktur dasar halaman (untuk menjalankan contoh ini di browser, salin ke file teks dengan ekstensi
dan buka di browser, jika Anda mengalami masalah, tonton video di bawah contoh):
.Ini akan menjadi tag untuk paragraf, judul, daftar, tautan, dan hal berguna lainnya.
Jadi mari kita mulai. Memblokir. Paragraf Salah satu elemen utama halaman adalah
paragraf
. Mereka dapat dibandingkan dengan paragraf dalam sebuah buku - setiap paragraf dimulai pada baris baru dan memiliki apa yang disebut garis merah (ini adalah ketika baris pertama teks paragraf sedikit menjorok ke kanan).
Secara default, tidak ada garis merah, tetapi mudah untuk membuatnya (lebih lanjut tentang ini nanti).
Paragraf dibuat menggunakan tag
Dengan demikian:
Ini adalah sebuah paragraf.
Itu satu paragraf lagi.
Dan satu paragraf lagi.
Ini adalah sebuah paragraf.
Itu satu paragraf lagi. Dan satu paragraf lagi. Memblokir. Judul h1, h2, h3, h4, h5, h6
Selain paragraf, hal penting pada halaman tersebut adalah header
,
,
,
,
,
. Mereka juga dapat dibandingkan dengan judul dari sebuah buku - setiap bab memiliki judulnya sendiri (judul bab tersebut) dan dibagi menjadi beberapa paragraf, yang juga memiliki judulnya sendiri. Nah, teks utama halaman itu terletak di paragraf. Header dibuat menggunakan tag . Mereka mempunyai tingkat kepentingan yang berbeda-beda. Dalam judul h1 harus ditempatkan judul seluruh halaman HTML, V
,
,
,
. Mereka juga dapat dibandingkan dengan judul dari sebuah buku - setiap bab memiliki judulnya sendiri (judul bab tersebut) dan dibagi menjadi beberapa paragraf, yang juga memiliki judulnya sendiri. Nah, teks utama halaman itu terletak di paragraf. Header dibuat menggunakan tag . Mereka mempunyai tingkat kepentingan yang berbeda-beda. Dalam judul h1 harus ditempatkan judul seluruh halaman HTML, V
,
. Mereka juga dapat dibandingkan dengan judul dari sebuah buku - setiap bab memiliki judulnya sendiri (judul bab tersebut) dan dibagi menjadi beberapa paragraf, yang juga memiliki judulnya sendiri. Nah, teks utama halaman itu terletak di paragraf. Header dibuat menggunakan tag . Mereka mempunyai tingkat kepentingan yang berbeda-beda. Dalam judul h1 harus ditempatkan judul seluruh halaman HTML, V
h2
- Nama
blok
halaman, masuk
h3
- nama subblok dan sebagainya.
Semua header dicetak tebal secara default dan memiliki ukuran berbeda (ini dapat diubah melalui CSS, tetapi akan dibahas lebih lanjut nanti). Lihat contoh:
Judul h1
Judul h2
Judul h3
Judul h4
- Nama
blok
halaman, masuk
h3
- nama subblok dan sebagainya.
Semua header dicetak tebal secara default dan memiliki ukuran berbeda (ini dapat diubah melalui CSS, tetapi akan dibahas lebih lanjut nanti). Lihat contoh:
Judul h1
Judul h2
Judul h3
Judul h5
Judul h6 Ini adalah paragraf pertama. Ini adalah paragraf kedua. Ini adalah paragraf ketiga. Beginilah tampilan kode di browser: Memblokir. Berlemak
Anda sudah tahu bahwa header secara default berlemak. Namun, Anda bisa membuatnya berani dan
Judul h4
Anda sudah tahu bahwa header secara default teks biasa- tandai saja
. Lihat contoh: Ini adalah teks normal, dan ini adalah B berlemak
teks.
berlemak teks. harus digunakan di dalam beberapa tag lain, seperti paragraf. Dalam hal ini, paragraf dibuat :
Anda sudah tahu bahwa header secara default struktur umum. Namun, Anda bisa membuatnya berani dan
Judul h4
halaman (paragraf dan judul), dan tag
membuat setiap bagian teks menjadi tebal. Memblokir. Huruf miring Selain berlemak, Anda juga bisa membuatnya huruf miring menggunakan tag
miring
- Memblokir. Daftar
- Selain paragraf dan judul, ada elemen penting lainnya pada halaman ini - ini daftar. Elemen seperti itu mungkin sudah tidak asing lagi bagi semua pengguna Internet. Mereka mewakili daftar sesuatu (daftar) poin demi poin. Di samping setiap item dalam daftar biasanya terdapat lingkaran berisi (disebut penanda
bahasa HTML - Item pertama dalam daftar.
- Item kedua dalam daftar.
- Item ketiga dalam daftar.
Judul h4
- Item pertama dalam daftar.
- Item kedua dalam daftar.
- Item ketiga dalam daftar.
Daftar dibuat melalui tag daftar, dipanggil berantakan daftar. Nama ini diberikan kepada mereka karena ada juga dipesan
- daftar yang memiliki penanda angka, bukan penanda titik. Daftar seperti itu, alih-alih tag ul, memiliki tag Mereka mewakili daftar sesuatu (daftar) poin demi poin. Di samping setiap item dalam daftar biasanya terdapat lingkaran berisi (disebut.
- Item pertama dalam daftar.
- Item kedua dalam daftar.
- Item ketiga dalam daftar.
- Item pertama dalam daftar.
- Item kedua dalam daftar.
- Item ketiga dalam daftar.
- Di CSS, huruf miring dikontrol oleh pernyataan gaya font. Ini dapat mengambil salah satu dari tiga nilai dasar:
- biasa - font biasa;
- miring - gaya miring;
- warna – mengatur warna teks;
- size – ukuran font dalam satuan konvensional.
- face – digunakan untuk mengatur jenis font teks yang akan digunakan di dalam tag . Beberapa nilai didukung, dipisahkan dengan koma.
- — mengatur font tebal dalam html. Menandai tindakan serupa dengan yang sebelumnya;
- — ukurannya lebih besar dari standar;
- — ukuran font lebih kecil;
- — teks miring (miring). Label serupa ;
- — teks dengan garis bawah;
- dicoret;- — menampilkan teks hanya dalam huruf kecil;
- - dalam huruf besar.
- Dalam piksel;
- Secara absolut ( xx-kecil, x-kecil, kecil, sedang, besar);
- Dalam persen;
- Dalam poin (pt).
- normal – ejaan normal;
- miring – miring;
- miring – font miring ke kanan;
- mewarisi – mewarisi ejaan elemen induk.
- tebal – mengatur font html menjadi tebal;
- lebih berani – lebih berani dibandingkan normal;
- lebih ringan – kurang jenuh dibandingkan normal;
- normal – ejaan normal;
- 100-900 – mengatur ketebalan font dalam jumlah yang setara.
- keterangan – untuk tombol;
- ikon – untuk ikon;
- menu - menu;
- kotak pesan – untuk kotak dialog;
- teks kecil – untuk kontrol kecil;
- bilah status – font bilah status.
- menghadapi- font itu sendiri. Misalnya Arial, Kurir atau Verdana. Anda dapat membuat daftar beberapa, karena tidak semua pengguna memiliki kumpulan font yang banyak, dan dengan menulis beberapa font di atribut wajah, browser akan dapat memilih font mana yang akan digunakan, atau lebih tepatnya, font mana yang ada di sistem;
- ukuran— atribut yang menunjukkan ukuran teks. Dapat dinyatakan dalam satuan konvensional dan piksel;
- warna— warna teks. Atribut ini dapat digunakan baik dalam kode warna HTML maupun dalam kode kata. Yang pertama berbentuk #FFFFFF (di mana F adalah angka atau huruf apa saja dari A sampai F), dan yang kedua ditulis dengan kata-kata sederhana(misalnya merah - merah).
, dan item dari daftar tersebut juga dibuat melalui tag Mari kita membuat daftar terurut menggunakan tag:
bahasa HTML Judul h4
o
Kenyamanan daftar yang diurutkan adalah saya dapat memasukkan item daftar baru di mana saja - dan penomorannya akan diatur ulang dengan sendirinya (yaitu, saya tidak perlu melacaknya jika ada perubahan, seperti yang akan terjadi jika saya mengaturnya itu secara manual).
Memblokir. Tautan Tautan
bahasa HTML adalah elemen yang membuat Internet menjadi Internet.Judul h4
Dengan mengklik link, kita dapat berpindah dari satu halaman situs ke halaman lainnya. Jika tidak ada, Internet hanyalah kumpulan halaman yang tidak terhubung satu sama lain dengan cara apa pun. Dan Tautan ke situs phphtml.net. Ada tautan
mutlak
relatif , selain itu, mereka dapat mengarah ke situs Anda dan situs orang lain. Lebih baik menunjukkan momen-momen sulit ini daripada mendeskripsikannya dalam teks, jadi saya membuatkan video berikut untuk Anda. Tonton dan baru kemudian lanjutkan ke bacaan lebih lanjut: Memblokir. Gambar
Sekarang mari kita cari tahu bagaimana menempatkannya gambar di halaman situs web Anda.
Inilah gunanya tag tersebut
bahasa HTML 
Judul h4
memiliki atribut yang diperlukan
src
, yang menyimpan jalur ke file gambar.
Mari kita lihat cara kerjanya dalam contoh berikut: Harap dicatat bahwa tag tidak memerlukan tag penutup. Memblokir. Tautan dalam bentuk gambar
Link mungkin tidak hanya ada teks, tetapi juga
bahasa HTML
Judul h4
gambar
- tag sudah cukup untuk ini masukkan ke dalam tag, seperti yang dilakukan pada contoh berikut.
Klik pada gambar dan Anda akan mengikuti link ke situs phphtml.net (untuk kemudian kembali ke buku, klik tombol “kembali” di browser):
bahasa HTML Judul h1
Judul h2
Judul h4
Judul h1
Judul h2
Memblokir. Istirahat baris
Ingat apa yang akan terjadi jika, misalnya, Anda membuat dua paragraf berdampingan - dalam hal ini, teks yang ada di masing-masing paragraf akan dimulai dengan
.Perlu diketahui bahwa tag ini bersifat khusus dan tidak memiliki tag penutup.
bahasa HTML Mari kita lihat cara kerjanya menggunakan contoh berikut:
Ini adalah baris teks pertama,Judul h4
Mari kita lihat cara kerjanya menggunakan contoh berikut:
Ini adalah baris teks pertama,dan ini yang kedua.
Memblokir. komentar HTML
Hampir semua bahasa pemrograman memiliki konsep seperti “komentar”.
Miring adalah salah satu cara paling populer untuk menyorot suatu teks dan memberinya arti penting. Ini ideal untuk kutipan, catatan kaki, judul, dan nama diri. Ada dua tag khusus dalam HTML untuk menampilkan gaya miring. Di CSS, huruf miring dikontrol oleh properti font-style.
Miring atau miring?
Font yang sama mungkin tampak berbeda dalam gaya miring. Gambar menunjukkan tiga blok teks yang diketik dengan font Playfair Display yang sama. Yang pertama bergaya romawi biasa, sedangkan yang kedua dan ketiga bergaya miring. Mereka terbuka dalam hal yang sama peramban Google
Chrome, tapi terlihat sangat berbeda.
Faktanya adalah beberapa font memiliki kumpulan karakter miringnya sendiri. Jika browser tidak memiliki akses ke kumpulan ini, tetapi menemukan teks yang seharusnya dicetak miring, browser akan mencoba mencetak miring sendiri.
Di blok kedua hanya ada versi yang diproses oleh browser, dan di blok ketiga ada versi miring asli dari font Playfair Display, yang memiliki gaya unik, lebih mirip tulisan tangan. Browser hanya memiringkan setiap karakter teks pada sudut tertentu, menirukan huruf miring.
Saat mengetahui cara membuat huruf miring dalam CSS atau HTML, penting untuk diingat bahwa dalam kasus font tertentu, Anda perlu memberi browser akses ke kumpulan huruf miringnya. Dalam beberapa kasus, hasil algoritma kemiringan browser mungkin tidak memuaskan.
HTML miring
Ada dua tag khusus untuk menampilkan teks miring dalam HTML: i (dari kata miring) dan em. Gaya fragmen teks yang diapit oleh salah satu deskriptor ini akan sama. Perbedaannya terletak pada pemilihan logis. Tag em menunjukkan arti khusus dari fragmen tersebut. Ini penting untuk robot pencari
dan pembaca layar yang akan menyorot teks tertentu menggunakan intonasi.
properti gaya font
miring - gaya miring. Pada Sebagian besar browser modern memperlakukan nilai miring dan miring dengan cara yang sama, tetapi nilai miring awalnya dianggap sebagai hasil algoritme khusus browser yang memiringkan setiap karakter ke kanan.
Jika font yang dicari tidak ditemukan oleh browser, maka tampilan italic akan sama persis dengan oblique.
Berbeda dengan tag em, tag ini tidak terlalu mementingkan pemilihan; tag ini lebih sesuai dengan deskriptor i.
Contoh
Kutipan sering kali dicetak miring. Mari kita coba membuatnya terlihat bagus.
Kutipan ( gaya font: miring; batas kiri: 5px ungu solid; padding-kiri: 20px; )
Selain batas dekoratif di sebelah kanan dan indentasi, blok kutipan memiliki aturan gaya font dengan nilai miring.
Gunakan untuk mengatur huruf miring di CSS.
Dalam html, ukuran font memainkan peran penting. Ini memungkinkan Anda untuk menarik perhatian pengguna informasi penting, diposting di halaman situs. Meski yang penting bukan hanya ukuran hurufnya, tapi juga warna, ketebalannya, bahkan keluarganya.
Tag dan atribut saat bekerja dengan font html
Bahasa hypertext memiliki berbagai alat untuk bekerja dengan font. Bagaimanapun, pemformatan teks adalah tugas utama html.
Alasan diciptakannya bahasa HTML adalah masalah menampilkan aturan pemformatan teks di browser.
Mari kita lihat tag yang digunakan untuk bekerja dengan font dalam HTML dan atributnya. Yang utama adalah tagnya . Dengan menggunakan nilai atributnya, Anda dapat mengatur beberapa karakteristik font:Nilai atribut positif dari 1 hingga 7 didukung.
Hanya teks yang terletak di antara bagian tag font berpasangan yang diformat. Teks lainnya ditampilkan dalam font default standar.
Juga di html ada sejumlah tag berpasangan yang hanya menentukan satu aturan pemformatan. Ini termasuk:Teks biasa
Teks tebal
Teks tebal
Lebih dari biasanya
Kurang dari biasanya
Huruf miring
Huruf miring
Dengan garis bawah
DicoretKemampuan atribut gaya
Selain tag yang dijelaskan, masih ada beberapa cara lagi untuk mengubah font di html. Salah satunya adalah dengan menggunakan atribut style generik. Dengan menggunakan nilai propertinya, Anda dapat mengatur gaya tampilan font:
1) font-family – properti mengatur keluarga font. Dimungkinkan untuk membuat daftar beberapa nilai.
Mengubah font dalam html ke nilai berikutnya akan terjadi jika keluarga sebelumnya tidak disetel sistem operasi pengguna.Sintaks penulisan:
keluarga font: nama font [, nama font[, ...]]
2) ukuran font – ukurannya diatur dari 1 hingga 7. Ini adalah salah satu cara utama Anda dapat memperbesar font dalam HTML.
Sintaks penulisan:ukuran font: ukuran absolut | ukuran relatif | arti | minat | mewarisi
Anda juga dapat mengatur ukuran font:
Ukuran font:7
Ukuran font: 24 piksel
Ukuran font: x-besar
Ukuran font: 200%
Ukuran font: 24pt
3) font-style – mengatur gaya penulisan font. Sintaksis:gaya font: normal | miring | miring | mewarisi
Nilai:
Contoh cara mengubah font di html menggunakan properti ini:
gaya font:mewarisi
gaya font: miring
gaya font: normal
gaya font: miring
4) font-variant – mengubah semua huruf kapital menjadi huruf kapital. Sintaksis:varian font: normal | topi kecil | mewarisi
Contoh cara mengubah font di html dengan properti ini:
varian font:mewarisi
varian font: normal
varian font: huruf kecil
5) font-weight – memungkinkan Anda mengatur ketebalan teks (saturasi). Sintaksis:berat font: tebal|lebih tebal|lebih ringan|normal|100|200|300|400|500|600|700|800|900
Nilai:
berat font: tebal
font-weight:lebih tebal
font-weight: lebih ringan
berat font: normal
berat font:900
berat font:100
properti font html dan warna font
Font adalah properti kontainer lainnya. Di dalamnya, ia menggabungkan nilai beberapa properti yang dimaksudkan untuk mengubah font. sintaks font:
font: ukuran font font-keluarga | mewarisi
Nilainya juga dapat diatur ke font yang digunakan oleh sistem dalam label pada berbagai kontrol:
font:ikon
font: keterangan
font:menu
font:kotak pesan
teks kecil
font: bilah status
font: miring 50px tebal "Times New Roman", Times, serif
Untuk mengatur warna font pada html bisa anda gunakan properti warna. Ini memungkinkan Anda untuk mengatur warna, baik menggunakan kata kunci maupun format RGB. Dan juga dalam kode heksadesimal.Halo, para pembaca blog yang budiman! Artikel ini akan membahasnya tag pemformatan teks. Contoh utama termasuk membuat teks menjadi tebal atau miring. Kami juga akan melihat dampak beberapa tag pada optimasi situs web internal dan aturan penulisannya. Anda dapat membacanya di artikel yang diberikan. Omong-omong, Anda dapat menemukan elemen desain teks serupa di banyak editor teks, misalnya di Word.
Tag dibagi menjadi 2 jenis: blok dan inline. Saat menggunakan yang pertama, Anda dapat mengubah konten bagian teks (baris, fragmen atau kata individual), dan yang terakhir adalah . Tag pemformatan yang akan kita lihat di artikel ini sebagian besar menggunakan huruf kecil.
Aturan dan urutan penulisan tag
Anda pasti sudah tahu apa itu tag pembuka dan tag penutup. Jika belum, maka bacalah artikel di awal materi ini. Singkatnya, ada dua jenis tag: tunggal (misalnya, transfer ke baris baru
) dan wadah (berpasangan). Jadi, semua tag pemformatan teks adalah berpasangan. Ini berarti bahwa setiap elemen memiliki tag pembuka dan penutup, dan sorotan harus ditempatkan di antara keduanya. Misalnya, pemilihan frasa yang benar akan terlihat seperti ini: Fragmen yang dipilihSaat browser memproses fragmen ini, Anda akan melihat teks berikut: Fragmen yang dipilih. Omong-omong, semua tag tidak ditampilkan di RSS feed().
Hal utama saat menulis tag adalah ingat untuk menutupnya. Jika tidak, semua teks pada halaman akan disorot dalam huruf tebal (dalam contoh dengan tag ). Namun ada kalanya Anda perlu menyorot bagian tertentu dalam huruf tebal dan miring secara bersamaan. Namun tidak ada tag yang melakukan tindakan ini. Hanya ada satu jalan keluar dari situasi ini: gunakan dua tag secara bersamaan. Tidak masalah dalam urutan apa Anda menggunakannya. Oleh karena itu, tulislah teks dengan tag seperti ini:
Fragmen yang dipilih
atau seperti ini:
Fragmen yang dipilih
Anda akan tetap menerima Fragmen yang dipilih miring dan tebal secara bersamaan. Namun, lebih baik menggunakan opsi pertama, karena pada awalnya itu adalah satu-satunya pilihan yang benar. Selain itu, jangan lupa bahwa setiap browser dapat memproses tag secara berbeda (), bergantung pada pengaturannya. Sekarang mari beralih ke tag pemformatan itu sendiri.
Teks tebal dan miring - tag , , Dan
Tag pemformatan teks paling populer adalah menyorotnya berani Dan huruf miring. Mereka biasanya digunakan untuk memberi arti penting pada sebuah fragmen. Kasus pertama berfungsi untuk memilih sebuah fragmen yang berisi informasi yang berguna atau kata kunci. Huruf miring memiliki tujuan yang sama dengan teks tebal, namun informasinya kurang penting karena huruf miring kurang terlihat di latar belakang teks isi dibandingkan teks tebal.Mari kita pertimbangkan dulu membuat teks menjadi tebal. Ada dua tag yang digunakan untuk tindakan ini - Dan . Perbedaan dalam penampilan TIDAK. Meskipun, mengingat setiap browser dapat menafsirkan setiap elemen secara berbeda, Anda mungkin dapat melihat perbedaannya. Seperti inilah tampilan teks dalam tag Dan dalam bentuk yang sudah diproses oleh browser:
Teks dalam tag kuat
Teks dalam tag b
Dan inilah tampilan kedua baris ini pada kode sumber halaman:
Teks dalam tag kuat Teks dalam tag b
Kita dapat mengamati situasi yang sama dalam kasus tag miring Dan . Coba temukan perbedaan antara kedua contoh tersebut:
Teks dalam tag em
Teks dalam tag I
Tetapi kode sumber:
Teks dalam tag em Teks dalam tag I
Jadi, tag yang dianggap tebal dan miring sebenarnya tidak ada bedanya, tapi mengapa kita membutuhkan, misalnya, tag tersebut jika ada ? Lagi pula, yang terakhir hanya berisi satu karakter (tidak termasuk tanda kurung) dan karenanya lebih mudah untuk ditulis. Dan intinya adalah tag itu Dan pengaruh . Jika Anda mengelilingi kata kunci dengan tag ini, ini akan memiliki efek menguntungkan pada promosi situs web, yang utama adalah jangan berlebihan - teks harus mengandung maksimal 5% teks tebal di dalam tag , dan jumlah huruf miring yang sama pada tag .
Jika Anda hanya ingin menyorot suatu titik dalam teks, gunakan tag atau . Secara umum, menurut saya mesin pencari juga menganggap teks dalam tag ini lebih penting, tapi optimalisasi internal mereka masih memiliki pengaruh yang lebih kecil dibandingkan Dan .
Tag untuk menyorot teks dengan garis - ,
Sekarang mari kita lihat beberapa tag yang menggunakan tanda hubung dalam desain teks. Yang paling terkenal bagi Anda editor teks — menandai atau garis bawah. Tag ini tidak berdampak pada peringkat (sejauh yang saya tahu), tetapi menyorot beberapa teks dan memfokuskan perhatian padanya akan membantu. Saya memberikan contoh penggunaan tag ini tepat di atas.DanDua tag lagi yang memiliki tujuan serupa -
Dan. Keduanya menjalankan fungsi mencoret teks. Anda dapat menggunakan tag ini dalam situasi apa pun: jika Anda memperbarui dokumen (atau lebih tepatnya, sebagian darinya), Anda dapat mencoret dokumen lama dan menambahkan yang baru; jika Anda akan menulis sesuatu yang melenceng dari topik materi; sesuatu yang tidak sesuai dengan standar moral dan etika.Perbedaan kedua tag ini hanya terletak pada nya saja menulis, oleh karena itu lebih baik menggunakan yang pertama, karena pertama, lebih nyaman untuk menulis, dan kedua, halaman Anda akan berisi lebih sedikit kode HTML, dan mesin pencari menyukainya.
Menandai dan atribut - parameter font teks
Sekarang perhatikan sebuah tag yang tidak digunakan tanpa atribut. Dengan menggunakannya, Anda dapat mengatur parameter untuk bagian teks tertentu. Secara umum, sekarang lebih baik menggunakan (cascading style sheet), karena... menggunakannya Anda dapat mengurangi keseluruhan kode HTML halaman. Jadi, mari kita lihat tag yang sama . Semuanya ada untuknya tiga atribut:
Seperti inilah tampilan teks di dalam tag menggunakan setiap atribut:
Teks ini berukuran 6px
Teks ini berwarna merah Teks ini dalam font Arial Teks ini berwarna merah dan berukuran 5pxDan inilah yang akan Anda lihat setelah memproses kode tertulis:
Blokir elemen desain teks - judul
-
, paragraf
Terakhir, kita akan melihat elemen blok, yang digunakan di hampir setiap dokumen. Ini adalah tag judul dan paragraf. Mari kita pertimbangkan yang pertama. Ada 6 jenis heading dan masing-masing memiliki tag tersendiri. Setiap jenis hanya memiliki nomor serinya sendiri dan dicatat menggunakan tag
,
,...,
. Berikut tampilan semua header saat diproses:
Nomor setelah judul kata sesuai dengan nomor pada tag
Sekarang mari kita bicara tentang tag highlight paragraf
Fungsi dari tag ini adalah untuk memisahkan teks antara teks lain yang identik dan sebuah baris kosong. Jika Anda melihat kode sumber suatu dokumen, Anda dapat melihat yang berikut:
Persegi panjang hijau berisi satu paragraf, persegi panjang merah berisi paragraf lainnya. Dan inilah tampilan kode ini setelah diproses oleh browser (panah menunjuk ke baris kosong):
Hasilnya, kami mendapatkan pemisahan yang cukup mencolok antara satu paragraf dengan paragraf lainnya, yang bermanfaat - membaca menjadi lebih nyaman.
Ini adalah akhir dari artikel tentang tag pemformatan dokumen. Masih banyak lagi daripada yang saya jelaskan di materi ini. Hanya saja banyak hal yang perlu dikatakan tentang beberapa di antaranya, oleh karena itu artikel terpisah dengan ulasan lengkap akan dikhususkan untuk mereka!
