HTML -де мәтіннің астын қалай сызуға болады

Автор: Clyde Lopez
Жасалған Күн: 19 Шілде 2021
Жаңарту Күні: 1 Шілде 2024
Anonim
CSS-ті HTML-да қолдану. (Стильдердің каскадтағы кестесін қолдану)
Вызшақ: CSS-ті HTML-да қолдану. (Стильдердің каскадтағы кестесін қолдану)

Мазмұны

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

Қадамдар

2 -ші әдіс 1: Қазіргі әдіс

  1. 1 CSS-те «мәтінді безендіру» сипатын қолданыңыз. Қазіргі уақытта u> тегі мәтіннің астын сызу үшін қолданылмайды.
    • Бұл сипатты қосу арқылы болашақта ескі тегтер қолданыстан шыққан кезде кодты өзгертудің қажеті жоқ.
  2. 2 Мәтіннің белгілі бір бөлігінің астын сызу үшін span> тегін пайдаланыңыз. Астын сызғыңыз келетін мәтіннің алдына «мәтінді безендіру» қасиетімен бірге бастапқы тегті енгізіңіз. Мәтіннің соңында / span> жабу тегін енгізіңіз.

    span style = «text-decoration: underline;»> Бұл мәтіннің асты сызылады. / span>

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

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

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

    html> head> style> .underline {мәтінді безендіру: астын сызу; } / style> / head> body> Бұл сыныпты div үшін пайдаланыңыз> астын сызу / div> әр түрлі div> элементтер / div> / body> / html>

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

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

2 -ші әдіс 2: Мұра әдісі

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

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

Кеңестер

  • Асты сызудан гөрі веб -беттегі мазмұнды бөлектеудің әрқашан жақсы әдісі бар. Астын сызу қолданушыларды шатастыруы мүмкін. CSS көмегімен мәтінді қалай ерекшелеуге болатынын ойлаңыз.