![контуринг / 5 минут для макияжа / быстрый макияж / макияж корректорами / пятиминутка / покахонтас](https://i.ytimg.com/vi/Ji3BGPRBr_k/hqdefault.jpg)
Tarkib
HTML ostini chizishning eski usuli u> / u> teglarini ishlatishdir, lekin hozir u CSS -ga asoslangan zamonaviy usuldan foydalanadi. Chiziq chizish matnga e'tiborni jalb qilishning yomon usuli hisoblanadi, chunki chizilgan matnni havola bilan aralashtirib yuborish oson.
Qadamlar
2 -usul 1: Zamonaviy usul
1 CSS-da "matnni bezatish" xususiyatidan foydalaning. Hozirgi vaqtda u> tegi matn ostini chizish uchun ishlatilmagan.
- Bu xususiyatni qo'shib, kelajakda eski teglar ishlamay qolganda kodingizni o'zgartirishingiz shart emas.
2 Belgilangan matn qismini chizish uchun span> tegidan foydalaning. Chiziq chizmoqchi bo'lgan matn oldidagi "matnni bezatish" xususiyati bilan boshlang'ich yorlig'ini kiriting. Matn oxirida / span> yopuvchi tegini kiriting.
span style = "text-decoration: underline;"> Bu matn tagiga chiziladi. / span>
3 Pastki chiziqni chizish oson bo'lishi uchun HTML> elementlarini style> bo'limida ko'rsating. Buni CSS uslublar jadvali yordamida ham bajarish mumkin. Masalan, 3 -darajali sarlavhalarning tagini chizish uchun "uslub" bo'limiga quyidagi kodni qo'shing:
html> bosh> uslub> h3 {matnni bezatish: tagini chizish; } / style> / head> body> h3> Bu sarlavhaning tagiga chiziladi / h3> / body> / html>
4 Matnni tezda chizish uchun CSS sinfini yarating. Siz keyinroq qo'ng'iroq qilish uchun uslublar jadvalida yoki uslub> bo'limida sinflar yaratishingiz mumkin. Sinfga har qanday nom berish mumkin.
html> head> style> .underline {text-decoration: underline; } / style> / head> body> Bu sinfdan div uchun foydalaning> pastki chizish / div> turli div> elementlar / div> / body> / html>
5 Matnni ajratib ko'rsatishning boshqa usullarini o'ylab ko'ring. Foydalanuvchilarni chalkashtirib yubormaslik uchun tagini chizmaslikni tavsiya qilamiz. Matnni kursiv qilish uchun em> tegidan foydalanish yaxshiroq. Ushbu tegga boshqa uslublar variantlarini qo'shish uchun CSS -dan foydalaning.
html> bosh> uslub> em {rang: qizil; } / style> / head> body> "em" elementidagi har qanday narsa kursiv bilan yoziladi (odatiy) va qizil / em> ranglari qo'shimcha uslub variantlari tufayli. / tana> / html>
2 -ning 2 -usuli: Eski usul
1 Eski u> / u> teglarini ishlatishdan saqlaning. Ular eskirgan, ya'ni bu teglar hali ham ishlaydi, lekin tushkunlikka tushadi yoki tushkunlikka tushadi. Buning sababi shundaki, HTML kontent uslubini sozlash uchun mo'ljallanmagan. U> tag hali ham ishlaydi, lekin matnni boshqa matndan farq qilishi kerak, masalan, noto'g'ri yozilgan so'zlar yoki xitoycha ismlar.
2 Elementlarning tagini chizish uchun u> / u> teglaridan foydalaning (faqat ko'rsatish uchun). Bu teglardan foydalanish kerak bo'lgan holatlar deyarli yo'q. Eski saytni tahrir qilish kerak bo'lishi mumkin, shuning uchun teglar nima ekanligini bilish yaxshidir.
html> body> Eski HTML u> yorlig'i / u> elementlarining tagini tezda chizish imkonini berdi, lekin agar boshqa uslub elementlariga tegilsa, ishlar tartibsiz bo'lib ketdi. Shuning uchun, bugungi kunda ular chizish uchun CSS "matnni bezatish" elementidan foydalanadilar. / tana> / html>
Maslahatlar
- Veb -sahifadagi tarkibni ta'kidlashning tagini chizishdan ko'ra, har doim yaxshiroq usul bor. Chiziq chizish foydalanuvchilarni chalg'itishi mumkin. CSS yordamida matnni qanday ajratish haqida o'ylab ko'ring.