Вэб хуудас үүсгэхэд ашигладаг HyperText Markup Language (HTML) нь текстийн хэсгүүдийн доогуур зурах хэрэгсэл болдог. Үүнд ихэвчлэн каскад хэлбэрийг (CSS - Cascading Style Sheets) дүрслэх хэлийг ашигладаг.
Зааварчилгаа
1-р алхам
HTML нь нээх () ба хаах () хагасуудын хооронд текстийн доогуур зурах зориулалттай тусгай шошготой. Энгийн хэлбэрээр, энэ доогуур зурах аргыг ашигладаг хуудасны кодын хэсэг иймэрхүү харагдаж болно: энэ бол доогуур зурсан текст юм
Алхам 2
Нэмж дурдахад, мөрөнд орсон эсвэл блоклосон хуудасны элементийн аль ч шошго дотор та хэв маягийн шинж чанарыг зааж өгч, агуулгын хэв маягийн тодорхойлолтыг оруулж болно. Бусад хэв маягийн тодорхойлолтод доогуур зурсан текст орно. CSS дээр доогуур зурсан текстийн тайлбар дараах байдалтай байна: текст чимэглэл: доогуур зурах; Жишээ нь ийм заалттай текстийн догол мөрний шошго дараах байдалтай байж болно:
Доогуур зурсан текстийн бүх догол мөр
Алхам 3
Гэсэн хэдий ч хэв маягийн тодорхойлолтыг HTML шошго дотор байрлуулах нь ховор байдаг бөгөөд ихэвчлэн тусдаа тайлбарлах хэсэгт байрлуулдаг. Ийм блокуудыг вэб баримт бичгийн толгой хэсэгт (ба шошгоны хооронд) байрлуулах эсвэл css өргөтгөлтэй гадаад хэв маягийн файлд хадгалах. Хуудсан дээрх бүх текстийг доогуур зурахын тулд энэ тайлбарыг HTML сонгогч дотор байрлуулах шаардлагатай.
html {текст чимэглэл: доогуур зураас;}
Гэхдээ энэ нь ховор шаардлагатай байдаг тул ихэвчлэн ангийн нэрийг сонгон шалгаруулагчаар зааж өгдөг. Жишээлбэл:
.und {текст чимэглэл: доогуур зурах; өнгө: Улаан}
Und анги хуваарилагдсан шошго доторх текстийг улаан өнгөөр будаж, доогуур нь зурах ёстой гэж мэдэгдэж байна. Ихэнх тохиолдолд текстийг янз бүрийн аргаар боловсруулах ангиудыг span tag-тэй хамт ашигладаг. Жишээлбэл, доогуур нь зурсан хэсэг бүхий текстийн догол мөрний HTML код дараах байдалтай байж болно.
Доголсон улаан зүсмэл бүхий догол мөрийн текст