Deskripsi
Menentukan gaya font - regular, italic, atau italic. Saat teks disetel menjadi miring atau miring, browser berkonsultasi dengan sistem untuk menemukan font yang sesuai. Jika font yang ditentukan tidak ditemukan, browser menggunakan algoritma khusus untuk mensimulasikan jenis teks yang diinginkan. Hasil dan kualitas mungkin tidak memuaskan, terutama saat mencetak dokumen.
Sintaksis
font-style: normal | miring | miring | mewarisi
Nilai
normal Gaya teks normal. gaya miring miring. gaya miring miring. Miring dan miring, meskipun serupa, bukanlah hal yang sama. Miring adalah jenis huruf khusus yang meniru tulisan tangan, sedangkan miring dibentuk dengan memiringkan karakter biasa ke kanan. mewarisi Mewarisi nilai orang tua.HTML5 CSS2.1 IE Cr Op Sa Fx
Duis te feugifacilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exercise ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo execution.
Hasil dari contoh ini ditunjukkan pada Gambar. satu.
Angka: 1. Menerapkan properti font-style
Model Objek
document.getElementById ("elementID") .style.fontStyle
Browser
Internet Explorer 7.0 atau yang lebih baru tidak mendukung nilai warisan.
Browser selalu merender teks dengan nilai miring sebagai miring.
Saturasi adalah peningkatan ketebalan garis font dan, karenanya, kontras. Biasanya ada empat jenis saturasi: ringan, normal, tebal, dan tebal. Namun, Anda hanya dapat menyetel gaya normal dan tebal menggunakan HTML. Dua tag digunakan untuk mengatur teks tebal: dan .
Jenis huruf tebal Pemilihan teks yang kuat
Gaya miring
Jenis huruf miring bukan hanya kemiringan karakter individu, untuk beberapa font merupakan perombakan total untuk gaya baru yang meniru tulisan tangan. Dua tag menentukan huruf miring untuk teks: dan .
Gaya font miring Pemilihan teks
Perlu dicatat bahwa tag dan , sebaik dan meskipun mereka serupa dalam tindakannya, mereka tidak sepenuhnya setara dan dapat diganti. Tag pertama - adalah tag markup fisik dan menyetel teks menjadi tebal dan tag - dengan tag markup logis dan menyoroti teks yang ditandai. Pemisahan tag ke dalam format logis dan fisik ini pada awalnya dimaksudkan untuk membuat HTML menjadi universal, termasuk tidak bergantung pada perangkat keluaran. Secara teoritis, jika Anda menggunakan, misalnya, browser ucapan, maka teks diformat menggunakan tag dan , akan diberi tanda berbeda. Namun, ternyata di browser populer hasil penggunaan tag ini setara.
Contoh 7.5 menunjukkan penggunaan tag dan untuk desain teks.
Contoh 7.5. Tag dan
Dan di mana cookie dan minuman keras?! - seru anak nakal itu.
Hasil dari contoh ini ditunjukkan pada Gambar. 7.5.
atau menjelajahi tag yang memformat teks HTML
Perhatian Anda disajikan pada salah satu pelajaran utama dan paling sederhana dari tutorial ini.
- Teks HTML adalah komponen utama dari sebagian besar halaman Internet.
- Dengan frase kunci di badan halaman HTML pengguna dapat menemukan situs Anda.
- Teks HTML bisa dalam berbagai ukuran dan warna sesuai kebijaksanaan Anda. Anda juga dapat menentukan jenis font dan volumenya.
- Ukuran font HTML biasanya diatur dalam piksel.
- Pemformatan teks HTML tersebar luas, tag format digunakan.
Lihat di bawah tag yang memformat teks HTML:
- Tag → tebal Teks HTML (Huruf tebal).
- Tag → tebal Teks HTML (Huruf tebal).
- Tag → spasi tunggal Teks HTML (font monospace).
- Tag
- Tag → spasi tunggal Teks HTML (font monospace).
- Tag → Teks HTML, ukurannya lebih besar dari biasanya (cetakan besar).
- Tag → Teks HTML, ukurannya lebih kecil dari biasanya (cetakan kecil).
- Tag → miring Teks HTML (huruf miring).
- Tag → miring Teks HTML (huruf miring).
- Tag → miring Teks HTML (huruf miring).
- Tag → bergaris bawah Teks HTML (font bergaris bawah).
- Tag
- Tag → Teks HTML (font) di subskrip.
- Tag → Teks HTML (font) superskrip.
Pemformatan teks HTML: coret, teks bergaris bawah
Hasil: ... font monospace
Hasil: ... ukuran font lebih besar dari biasanya
Hasil: ... font miring
Hasil: teks coret (font coret)
Hasil: superscript
C Pemformatan di atas sebaiknya hanya diterapkan pada bagian kecil teks. Menggunakan CSS jika Anda ingin mengatur font tertentu untuk seluruh halaman, atau untuk beberapa baris, misalnya.
Bobot font ditentukan menggunakan atribut CSS font-weight, yang dapat mengambil nilai berikut:
- korek api - lebih ringan
- normal - biasa
- mencolok - mencolok
- lebih berani - lebih gemuk
- 100..900 - 100 sesuai dengan font tertipis; 900 - yang paling tebal
Atribut gaya tulisan (gaya font) digunakan untuk menulis dalam huruf miring dan dapat memiliki arti sebagai berikut:
- miring - miring, tepi teks dibulatkan
- normal - biasa
- miring - miring
Atribut font-variant (jenis font) digunakan untuk menulis dengan huruf kapital kecil dan dapat memiliki arti sebagai berikut:
- normal - biasa
- topi smaoo - huruf kapital kecil
Selain huruf tebal, miring, dan kecil, ada beberapa gaya populer lainnya: menggarisbawahi dan menandai.
Atribut dekorasi teks (dekorasi teks) berfungsi untuk menggarisbawahi teks dan dapat mengambil nilai-nilai berikut:
- berkedip - teks berkedip (tidak didukung oleh IE)
- line-through - teks coret
- tidak ada - tanpa perubahan
- overline - baris di atas teks
- menggarisbawahi - teks bergaris bawah
Atribut teks-transformasi (transformasi teks) digunakan untuk bekerja dengan huruf kapital kecil dan dapat mengambil nilai berikut:
- memanfaatkan - semua kata dimulai dengan huruf kapital
- huruf kecil - semua teks ditulis dengan huruf kecil
- tidak ada - tanpa perubahan
- huruf besar - semua teks ditulis dengan huruf kapital
Contoh penggunaan font-weight, gaya tulisan, dekorasi teks, teks-transformasi: Contoh # 9
Kode HTML halaman:
Tanpa judul
"Cincin emas Rusia" (Zalesye kuno), rute wisata yang mencakup jaringan kota-kota Rusia kuno: Sergiev Posad, Pereslavl-Zalessky, Rostov yang Agung, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Polskoy, Uglich. Nama Zalesye pada dasarnya adalah nama geografis, yang berarti segala sesuatu yang berada "di luar hutan" dalam kaitannya dengan Kievan Rus.
Rute wisata (beroperasi sejak awal 1970), diletakkan melalui kota-kota bersejarah, melewati wilayah lima wilayah - Moskow, Yaroslavl, Kostroma, Ivanovskaya, Vladimirskaya. Kota-kota kuno di negeri ini memiliki takdirnya sendiri, masa lalu mereka. Mereka telah menempuh jalan yang sulit dalam perkembangan sejarah mereka dari hari-hari pertama kelahiran mereka hingga hari ini. Banyak hal telah hilang dalam perjalanan panjang ini. Ketidakpedulian dan kelalaian menyebabkan kehancuran sebagian atau keseluruhan bangunan unik, seperti kota Kalyazin, Mologa, Uglich. Selama pembangunan pembangkit listrik tenaga air Uglich, Biara Pokrovsky kuno dengan monumen unik dari abad 15-17 diledakkan dan tenggelam di bawah air. Separuh dari gereja di Uglich dihancurkan, pagar biara dibongkar, yang menghancurkan integritas ansambel mereka. Melalui upaya para pemulih, puluhan objek arsitektur kuno, yang tampaknya hilang dan tidak dapat diperbaiki, berhasil diselamatkan dari keadaan darurat dan diselamatkan dari kematian. Dipulihkan ke dalam bentuk aslinya: ansambel arsitektur Biara Kebangkitan (1674-77) Uglich, Gereja Syafaat di Nerl (abad ke-12), Katedral Dmitrievsky (abad ke-12) dan "Gerbang Emas" Vladimir, Katedral St. George (abad ke-12) Yuryev-Polsky, monumen Suzdal kuno, di mana pekerjaan komprehensif dilakukan untuk memulihkan bangunan bersejarah di dalam seluruh kota, museum kota. Seluruh kompleks arsitektur Museum Arsitektur Kayu di Kostroma dan Suzdal diciptakan kembali. Semua ini adalah ciptaan tangan manusia yang telah menyentuh wilayah lindung Tanah Rusia.
Dalam HTML, teks tebal dapat dilakukan dengan beberapa cara. Ini termasuk:
- Menandai b;
- Menandai kuat;
- Properti CSS font-weight.
Mari berbicara tentang setiap opsi untuk memilih teks secara berurutan.
Teks tebal: tag
Menandai b HTML diterapkan seperti ini:
Pembuat situs web "Nubex"
Untuk tag harus ada penutupan, dan atribut universal (seperti kelas, id, judul dll.)
Meskipun keabsahan tag tersebut b dan tidak ditinggalkan oleh spesifikasi HTML, yang lebih relevan untuk digunakan adalah tag kuat, mari kita lihat alasannya.
Teks tebal: tag
Menurut spesifikasi HTML, tag b berfungsi untuk menyorot teks yang dicetak tebal. Sebaliknya, tag kuat HTML untuk menyorot penting bingkai, kata-kata yang menjadi kunci halaman ini.
Tag ini memainkan peran penting dalam peringkat halaman di hasil pencarian, oleh karena itu banyak digunakan dalam promosi situs web dan pengoptimalan SEO. Mesin pencari menganggap teks diapit tag , dan tandai sebagai penting.
Tag digunakan kuat cara yang sama:
Pembuat situs web "Nubex"
Anda mungkin memperhatikan bahwa secara eksternal menggunakan tag dan tidak berbeda sama sekali (karena semua browser modern menafsirkannya hampir sama), tetapi perbedaan semantik dalam kode untuk mesin telusur memang ada. Oleh karena itu, sebagian besar SEO merekomendasikan penggunaan tag kuat.
Teks tebal dengan CSS
Kami telah mencatat pentingnya tag kuat dalam pengoptimalan mesin telusur, tetapi apa yang harus dilakukan jika Anda perlu membuat teks dalam jumlah besar menjadi tebal (tetapi teks tersebut tidak perlu ditandai sebagai penting untuk mesin telusur), atau jika Anda perlu mengontrol tingkat "ketebalan" font? Dalam kasus seperti itu, properti CSS digunakan font-weight... Ini diterapkan sebagai berikut:
Situs kami memang langkah besar dalam pengembangan web.
Kami melakukannya secara nyata kualitas situs.
Percayai kami dan kami akan membantu Anda kami tidak akan mengecewakanmu.
Nilai lebih berani dan korek api Anda dapat mengatur tingkat kegemukan lebih (atau kurang) dari pada orang tua. Nilai numerik (100-900) dapat mengatur tingkat kandungan lemak.
