HTML memberi kami sesuatu dalam hal desain teks. Hari ini saya akan memberi tahu Anda cara membuat font kursif dalam HTML, dan baik dalam font standar dan non-standar. Dalam kasus kedua, perlu memperhitungkan semuanya bekerja.

Bagaimana cara menulis di HTML Italics?

Saya akan mulai dengan fakta bahwa dalam HTML itu sendiri ada dua tag yang memberikan teks ke teks. Ini em dan I. By the way, yang kedua tertanam di editor HTML dari mesin WordPress, di mana saya sekarang dan menulis artikel ini. Apa yang berbeda tag ini? Bahkan, hari ini saya tidak ingin dengan keras menyatakan bahwa mereka berbeda sesuatu.

Secara umum, EM digunakan untuk menyoroti kata-kata yang perlu diucapkan dengan intonasi khusus, dan saya cukup menyoroti teks. Tapi kita tidak akan repot di atasnya, karena tidak diketahui, ini benar.

Apa sifat CSS untuk teks persimpangan?

Ini adalah properti gaya font dan nilai italicnya. Masih ada nilai miring dan memutar teks ke cenderung. Apakah ada perbedaan antara nilai-nilai ini? Praktis tidak. By the way, secara rinci tentang ini dan properti CSS lainnya untuk teks, baca di artikel yang sesuai, di mana semuanya terurai di rak.

Bagaimana cara menghadirkan font non-standar dalam huruf miring?

Faktanya adalah bahwa jika Anda menghubungkan font non-standar melalui font Google, maka dalam hal ini Anda harus menandai kotak centang ketika Anda menghubungkan setidaknya 1 gaya font. Jika ini tidak dilakukan, maka ketika Anda mencoba membuat item font seperti itu, itu akan menjadi salah satu font standar. By the way, Anda dapat membaca tentang menghubungkan font non-standar dalam artikel ini.

Dalam tangkapan layar ini Anda dapat melihat koneksi fragmen font melalui layanan font Google.

Seperti yang bisa dilihat, ada centang dekat setidaknya satu tulisan 10. Sekarang, ketika menggunakan tag atau properti gaya yang diperlukan, benar-benar font ini akan menjadi bermakna, dan bukan yang lain.

Dengan demikian, kami membongkar semua momen yang bekerja dengan persimpangan. Tidak lagi berani Anda menahan.

Font Fatty ditentukan dengan menggunakan atribut CSS font-weight.yang dapat mengambil nilai-nilai berikut:

• lebih ringan. - Cahaya
• normal - normal
• mencolok. - Lemak
• bolder. - lebih gemuk
• 100..900 - 100 sesuai dengan font terbaik; 900 - Tolstoy.

Atribut gaya tulisan (Gambar font) berfungsi untuk menulisnya dalam huruf miring dan dapat mengambil nilai-nilai berikut:

• italic. - Italia, tepi teks bulat
• normal - normal
• miring. - italic.

Atribut varian font. (Jenis font) berfungsi untuk menulis dengan huruf kapital kecil dan dapat mengambil nilai-nilai berikut:

• normal - normal
• smaoo-caps. - Capital kecil

Seiring dengan modal yang gemuk, miring, dan kecil, masih ada beberapa jenis gambar yang populer: garis bawah dan menandai.

Atribut dekorasi teks. (dekorasi teks) berfungsi untuk menggarisbawahi teks dan dapat mengambil nilai-nilai berikut:

• berkedip. - Teks yang berkilauan (yaitu tidak didukung)
• line-through. - STECK SIRMED
• tidak ada - tanpa perubahan
• overline. - Garis di atas teks
• menggarisbawahi - Teks yang digarisbawahi

Atribut teks-transformasi (Transformasi teks) berfungsi untuk bekerja dengan huruf pasien kecil dan dapat mengambil nilai-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 nomor 9.

Kode Halaman HTML:

Tanpa judul.

"Cincin Emas Rusia" (Pada zaman kuno benjolan), rute wisata, termasuk jaringan kota-kota Rusia kuno: Sergiev Posad, Pereslavl-Zalessky, Rostov Great, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Polandia, Uglich. Nama tempat ini terutama geografis, itu menyiratkan segala sesuatu yang "di belakang hutan" sehubungan dengan Kievan Rus.

Rute wisata (bertindak dari awal 1970), diletakkan melalui kota-kota bersejarah, melewati wilayah lima wilayah - Moskow, Yaroslavl, Kostroma, Ivanovo, Vladimir. Kota-kota kuno tanah ini memiliki nasib mereka sendiri, masa lalu mereka. Mereka melakukan jalan yang menantang dalam perkembangan historis mereka dari ulang tahun pertama sampai hari ini. Hilang jauh di jalur panjang ini. Ketidakpedulian dan kelalaian mengarah pada kehancuran sebagian atau penuh bangunan unik, contoh kota Calyazin, Mologa, Uglich. Saat membangun Stasiun Hydrocelectric Uglich, biara pokrovsky kuno dengan monumen unik 15-17 abad pergi di bawah air. Setengah gereja batu bara dihancurkan, membongkar pagar biara-biara, yang menghancurkan integritas ensemble mereka. Upaya pemulih berhasil menarik diri dari keadaan darurat dan menghemat dari kematian puluhan objek arsitektur lama, tampaknya hilang secara tidak tenang. Kembali ke kehidupan dalam bentuk aslinya: ansambel arsitektur dari Biara Kebangkitan (1674-77) Uglich, Kuil Pokrov ke Nerley (abad ke-12), Katedral Dmitrievsky (abad ke-12) dan Gerbang Emas Vladimir, Katedral St. George (Abad ke-12) Yuriev-Polandia, monumen Suzdal kuno, di mana karya-karya terintegrasi pada pemulihan pembangunan historis di seluruh kota, sebuah museum kota. Sekali lagi, seluruh kompleks arsitektur museum arsitektur kayu di Kostroma, Suzdal. Semua ini - kreasi tangan manusia, tersentuh ke wilayah landasan tanah Rusia.

Salam kepada Anda, Pecinta untuk membongkar sesuatu yang baru dan mengisi kembali peti pengetahuan Anda dengan informasi baru! Setelah membaca artikel, Anda akan belajar cara membuat teks tebal dalam HTML, jenis draw apa pun dan elemen mana yang bertanggung jawab untuk itu. Akibatnya, situs Anda akan dapat membanggakan teks yang dapat dibaca dengan momen kunci yang berdedikasi dengan benar.

Dalam artikel sebelumnya, saya berbicara banyak tentang atribut dan tag bahasa web, tentang metode pendaftaran penampilan dan, tetapi tidak pernah mempengaruhi beberapa objek, tanpa situs apa pun tidak dapat hidup. Ini teksnya.

Dengan itu, bukan hanya set surat yang solid, dan secara kompeten dibagi menjadi paragraf, dengan pemilihan kata kunci, kutipan, tautan, dll. Untuk melakukan ini, dalam bahasa CSS, instrumen khusus disediakan. Baiver!

Peluang di HTML

Font Konten Teks selalu dapat dimodifikasi. Misalnya, setel lemak atau makna, dan dapat dihiasi. Untuk melakukan ini, ada tag sederhana yang sangat mudah diingat dan setelah menerapkan. Di bawah ini adalah tabel elemen yang mengklarifikasi tujuannya.

Untuk memulai, kami akan menangani lemak dalam elemen teks.

Untuk meningkatkan ketebalan huruf, ada tag pasangan seperti itu dan . Penggunaan alat-alat ini ditampilkan sama, karena mereka memformat teks menjadi lemak. Namun, tujuan mereka berbeda. Karena itu, mereka tidak dapat disebut setara dan hanya menggunakan salah satunya.

Jadi, tag Itu dibuat dengan kondisi untuk mengubah font standar menjadi jenuh dan menebal. Ini mengacu pada penampilan fisik gambar dan tidak ada beban semantik. Jadi katakanlah itu hanya jenis tampilan uji.

TAPI Dirancang untuk penekanan pada momen kunci. Ini adalah elemen logika, yang akan mengalokasikan intonasi selama percakapan.

Sekarang pertimbangkan tag seperti itu dan .

Mereka memformat font standar untuk terburu-buru. Saya pikir Anda akan mendefinisikan pertanyaan yang timbul secara logis: "Dan elemen-elemen ini juga saling berurusan dengan prinsip tag dan ? " Pertanyaannya sudah benar. Dan kamu benar!

Memang, blok markup Dirancang untuk menginstal aksen pada momen dan detail penting, sementara Hanya semacam penampilan konten.

Alat modifikasi font di CSS

CSS tidak tertinggal dan menawarkan alat-alat serupa pengembang untuk pengeditan teks. Ini adalah sifat-sifat seperti dekorasi teks dan font.

- Ini adalah parameter universal yang melengkapi font beberapa detail. Dengan demikian, teks dapat "untuk memaksa" untuk flash (berkedip), menekankan (menggarisbawahi) atau lintas (garis-melalui), menghabiskan garis atas kata-kata (overline), mewarisi karakteristik objek induk (mewarnai) atau jelas Format font dari semua tambahan (tidak ada).

Mekanisme kedua yang sering digunakan untuk mengedit konten teks adalah properti font. Dengan itu, Anda dapat mengubah gaya font (gaya font), ukurannya (ukuran font), atur tutup, I.E. Tentukan tampilan huruf kecil (varian font), serta "bermain" dengan prasasti (berat font).

Dan inilah contohnya

Mengingat semua informasi yang saya katakan di atas, kami akan mencoba membuat contoh kode seperti Anda menggunakan pengetahuan yang diperoleh secara maksimal (saya mengingatkan Anda bahwa kode dapat diketik).

Buat header untuk baru Gugus kalimat!

Kami menulis konten teks dari paragraf itu sendiri, yang flashing. .

Jalankan contoh di browser dan perhatikan gaya gaya. Dengan demikian, judul disorot dengan penumpukan cahaya yang dimiringkan dengan penekanan pada proposal. Paragraf ditampilkan oleh huruf kapital kecil. Dalam hal ini, teks memiliki pemilihan kata-kata yang logis dan fisik.

Sekarang Anda dapat mengedit teks mengisi semua aturan. Berlangganan untuk memperbarui blog saya dan undang teman. Sampai jumpa!

Hormat kami, Roman Chuechev

Hari ini saya akan memberi tahu Anda cara membuat kata-kata dengan huruf tebal di situs menggunakan HTML dan CSS. Desain ini digunakan ketika Anda perlu menyoroti informasi tertentu pada halaman. Selain itu, ini bukan hanya tentang tajuk utama, tetapi juga tentang kata-kata sederhana, frasa dalam teks. Ini cukup diimplementasikan.

Tag HTML khusus digunakan untuk menyoroti teks tertentu. dan . Misalnya, kode berikut:

Teks normal. Thumbnail.. Bold Kuat.

Teks normal.

Thumbnail..

Bold Kuat.

Pada output memberikan gambar seperti:

Dua opsi terakhir secara visual terlihat sama, tetapi sedikit berbeda satu sama lain. Menandai Menentukan sorotan stylistik sederhana dari kata dengan huruf tebal, sementara Ini menambah beberapa nilai semantik "Enhanced" (Penting). Artinya, baris terakhir bukan hanya teks yang tebal, tetapi beberapa informasi penting. Pada prinsipnya, untuk mesin pencari merekomendasikan untuk menggunakannya .

Anda juga dapat memenuhi font lemak yang diresepkan dalam HTML dengan gaya:

Contoh teks tebal.

Contoh teks S. lemak Pendeknya.

Di situs itu ditampilkan seperti ini:

Terlepas dari kenyataan bahwa kode teks yang berani untuk HTML berfungsi dengan benar, jangan lakukan. Semua gaya desain harus dilakukan dalam file CSS. Karena itu, dalam contoh di atas, Anda seharusnya memiliki tag

DAN Tentukan kelas yang sesuai, dan kemudian daftarkan desainnya di lembar gaya. Seperti di sini adalah aturan untuk pendaftaran kode. Karena itu, untuk font yang berani dalam HTML, gunakan tag .

Teks Bold pada CSS

Untuk membuat font yang kuat di CSS, properti berat font digunakan. Dengan itu, "saturasi" fragmen teks ditunjukkan. Nilai dapat dari 100 hingga 900, tetapi yang paling sering digunakan adalah:

• bold (FAT) - 700 secara default;
• normal (normal) - 400 default.

Ada juga opsi untuk nilai-nilai yang lebih berani dan lebih ringan yang mengubah font tergantung pada orangtua dengan lebih atau kurang lemak, masing-masing.

Untuk mengatur teks tebal di CSS, Anda perlu beberapa gaya lain, misalnya, misalnya:

ST Teks Normal S. pilihan Lemak berada di tengah.

kuat (Font-Weight: Bold;)

Di sini saya ingin merayakan satu nuansa kecil, yang saya diberitahu - jika Anda membuat kelas baru untuk beberapa elemen, diinginkan untuk menggunakan yang lebih atau kurang "nama yang bisa dimengerti". Misalnya, dalam contoh di atas kelas gaya \u003d "font my-bold" terlihat lebih logis daripada kelas \u003d "font baru", karena Anda dapat sebagian memahami tujuannya. Ini adalah nilai tambah bagi mereka yang akan melihat dan menggunakan tata letak Anda di masa depan.

Pada artikel berikutnya, saya akan memberi tahu Anda tentang font lemak yang menarik yang berhasil saya temukan.

Salah satu cara paling sederhana untuk menyorot kata atau frasa dalam teks - gunakan gambar huruf lain. Jadi, Anda dapat menekankan kata atau frasa, menggunakan halaman tebal dengan mudah memungkinkan Anda untuk menyoroti kata-kata menggunakan desain yang berbeda - rata-rata, digarisbawahi, berlemak.

Font Fat sebagai cara untuk menyoroti hal utama

Kata-kata yang disorot dengan huruf tebal terlihat paling cerah dan menangkap. Kata-kata dan frasa seperti itu segera bergegas ke mata. Jadi, untuk mempelajari cara mengalokasikan tempat-tempat yang diperlukan dengan cepat dalam teks, Anda harus mengingat kode HTML khusus. Flack font dipamerkan oleh tag pasangan.

Sebelum kata atau frasa, proposal yang harus disorot, pembukaan tag diatur . Setelah huruf terakhir dalam teks, yang harus disorot, ditempatkan tag penutup. Segala sesuatu yang ternyata antara dua tag ini, ketika ditampilkan di browser memiliki stroke berlemak.

Pilihan lain

Jadi, kami menemukan bahwa Anda dapat memilih teks menggunakan desain lain. Menentukan bahwa yang paling sederhana dan pada saat yang sama secara efektif menggunakan HTML font lemak. Sekarang mari kita bicara tentang opsi seleksi lainnya.

Jadi, Anda dapat memilih teks dalam huruf miring dengan tag pasangan , tekankan dengan . Ini adalah cara paling sederhana untuk menyoroti teks.

Ada juga tag yang kurang terkenal dan digunakan, yang dengannya Anda dapat mengalokasikan kata-kata dan saran dalam teks. Jadi, untuk melintasi teks, itu cukup untuk digunakan . Membuat teks monosol akan membantu tag pasangan . Jika Anda perlu membuat indeks atas, gunakan , Nizhny - .

Pada saat yang sama, seperti sebelumnya, teks yang Anda butuhkan harus antara tag pembuka dan penutup. Seperti yang Anda lihat, tidak ada yang rumit, yang utama adalah mengingat kode ini atau membakarnya.

Gunakan beberapa font

Jika Anda ingin membuat teks lebih ekspresif, Anda dapat menggunakan tidak hanya font lemak. HTML-markup memungkinkan Anda untuk secara bersamaan memilih kata menggunakan beberapa tumpukan. Jadi, Anda dapat secara bersamaan membuat kata lemak, menyeberang dan berarti.

Pada saat yang sama perlu mengingat satu hal - semua tag harus ditutup secara berurutan. Misalnya, catatan yang benar mungkin seperti ini:

• teks yang dipilih.

Jika Anda menutup tag dalam urutan yang berbeda, teks akan dialokasikan secara tidak benar. Contoh entri yang salah:

• teks yang dipilih.

Dalam hal ini, browser bingung dan tidak akan mengerti apa yang sebenarnya Anda inginkan darinya.

By the way, dapat dicatat di sini bahwa tiga opsi untuk menggambar - lemak, digarisbawahi dan berarti - diingat dengan mudah, jika Anda memiliki tombol panas di Word. Di sana, gambar diatur menggunakan tombol huruf yang sama saat menjepit Ctrl.

Seperti yang Anda lihat, Anda dapat menggunakan tidak hanya huruf kursus atau berlemak. Markup HTML memungkinkan Anda untuk menyoroti kata-kata semudah kata yang biasa.

kesimpulan.

Tidak hanya beragam warna dan nuansa, ukuran yang berbeda dan jenis font, tetapi juga prasastinya banyak digunakan untuk menyorot teks. Selain itu, tepatnya menggunakan garis besar yang berbeda yang indah dan mudah untuk memilih satu atau fragmen teks lainnya.

Untuk mengubah stacking font, Anda harus menggunakan tag apa pun yang diketahui oleh Anda. Fak lemak halaman HTML adalah yang paling cerah dan terlihat, dan karena itu digunakan paling sering untuk disorot.