HTML мәтінінің астын сыз

Автор: John Pratt
Жасалған Күн: 17 Ақпан 2021
Жаңарту Күні: 1 Шілде 2024
Anonim
HTML мәтінінің астын сыз - Кеңестер
HTML мәтінінің астын сыз - Кеңестер

Мазмұны

HTML-дің астын сызу мәтінді u> / u> тегтерінің арасына жабу мәселесі болған, бірақ бұл әдіс одан әрі әмбебап CSS пайдасына жойылды. Веб-беттердің астын сызу, әдетте, мәтіннің белгілі бір бөлігін ерекшелеудің қолайсыз тәсілі болып саналады. Себебі асты сызылған мәтін сілтемемен оңай шатастырылады.

Басу үшін

2-ден 1-әдіс: Ағымдағы әдіс

  1. Мәтінді безендіру қасиетін CSS стилінде қолданыңыз. U> тегін пайдалану енді мәтіннің астын сызудың қолайлы әдісі емес. Мұның орнына біз CSS қасиетін «мәтіндік безендіруді» қолданамыз.
    • Бұл кодты өзгертуді жеңілдетеді, сондықтан ескі код жарамсыз болып қалса, оны өзгертуге тура келмейді.
  2. Мәтіннің белгілі бір бөлігінің астын сызғыңыз келгенде, ара> тегті қолданыңыз. Бастапқы тегті «мәтінді безендіру» қасиетімен бірге астын сызудың басталатын жеріне қойыңыз. Аяқ асты / аралықты> асты сызылатын жерді қою керек жерге қойыңыз.

    span style = «text-безендіру: астын сызу;»> мұның асты сызылған болады. / span>

  3. HTML элементтерін стиліңізде жариялаңыз> өз парағыңыздың бөлігі. Мұны CSS стильдер кестесінде де жасауға болады. Асты сызуды стильді HTML элементімен байланыстыру арқылы едәуір жеңілдетуге болады. Мысалы, 3 деңгейдегі барлық тақырыптардың астын сызу үшін келесі CSS стилін қосыңыз:

    html> head> style> h3 {text-безендіру: астын сызу; } / style> / head> body> h3> Бұл тақырып асты сызылған / h3> / body> / html>

  4. Кез-келген уақытта жылдам сызу үшін CSS сыныбын жасаңыз. Кейінірек деп аталатын стильдер кестесінде немесе стилінде> сыныптар құруға болады. Сыныпта сіз қалаған кез келген атау болуы мүмкін.

    html> head> style> .underline {мәтіндік безендіру: асты сызылған; } / style> / head> body> сіз бұл классты әр түрлі бөліктерден div> / div> астын сызу үшін жылдам> div> / content> / body> / html>

  5. Мәтінді баса көрсетудің басқа әдістерін қарастырыңыз. Оқырманның абыржуын болдырмау үшін астын сызудан аулақ болу керек. Танымал әдіс - мәтінді курсивті ететін em> тегін пайдалану. Бұл тегті ерекше көрсету үшін CSS-ті пайдалана аласыз.

    html> head> style> em {color: red; } / style> / head> body> em элементінің ішіндегі барлығы em> курсив болады (әдепкі параметрлерге байланысты), ал қызыл / em> жоғарыда келтірілген мәнерге байланысты болады. / body> / html>

2-ден 2-әдіс: Ескірген әдіс

  1. Ескі u> / u> тегтерін пайдаланудан аулақ болыңыз. Бұлар «үмітсіз», яғни ол әлі де жұмыс істейді, бірақ қолданылмайды немесе ұсынылмайды. Себебі HTML негізінен белгілеу тілі ретінде жасалынбаған. U> тегі әлі де жұмыс істейді, бірақ енді басқа мәтіннен өзгеше мәтінді, мысалы, қате жазылған сөзді немесе қытайша зат есімдерін көрсетуге арналған.
  2. U> / u> тегін астын сызу үшін пайдаланыңыз (тек суреттеу мақсатында). Ешқандай жағдайда бұл әдісті қайтадан қолдануға болмайды. Ескі веб-сайтты жаңарту қажет болған жағдайда, оның қалай қолданылғанын білу жақсы шығар.

    html> body> HTML-дегі u> тегімен сіз заттардың астын тез сыза аласыз / u>, бірақ басқа стиль элементтері қолданылған кезде заттар тез бұзылады. Сондықтан біз қазір CSS элементімен «мәтіндік безендірудің» астын сызамыз. / body> / html>

Кеңестер

  • Веб-бетте асты сызудан гөрі бір нәрсені атап өтудің әрдайым жақсы әдісі бар. Бұл оқырмандар үшін өте түсініксіз болуы мүмкін. Мәтінді CSS көмегімен әсем етіп жасаңыз, ол жағымды болып көрінсін.