Задаволены

• крокі
• Метад 1 з 2: Сучасны метад
• Метад 2 з 2: Састарэлы метад
• парады

Састарэлы метад падкрэслення ў HTML заключаецца ў выкарыстанні тэгаў u> / u>, але зараз выкарыстоўваецца сучасны метад на аснове CSS. Падкрэсліванне лічыцца дрэнным спосабам прыцягнуць увагу да тэксту, таму што падкрэслены тэкст лёгка зблытаць са спасылкай.

крокі

Метад 1 з 2: Сучасны метад

1. 1 Выкарыстоўвайце ўласцівасць «text-decoration» у CSS. У цяперашні час тэг u> не ўжываецца для падкрэслення тэксту.
   • Калі дадаць гэта ўласцівасць, вам не давядзецца мяняць код у будучыні, калі старыя тэгі выйдуць з звароту.
2. 2 Выкарыстоўвайце тэг span>, каб падкрэсліць пэўны фрагмент тэксту. Увядзіце адкрываючы тэг разам з уласцівасцю «text-decoration» перад тэкстам, які трэба падкрэсліць. У канцы тэксту увядзіце зачыняе тэг / span>.

   span style = "text-decoration: underline;"> Гэты тэкст будзе падкрэслены. / span>

3. 3 Пакажыце HTML-элементы ў раздзеле style>, каб спрасціць падкрэсліванне. Таксама гэта можна зрабіць з дапамогай табліцы стыляў CSS. Напрыклад, каб падкрэсліць ўсе загалоўкі ўзроўню 3, дадайце наступны код у раздзел «style»:

   html> head> style> h3 {text-decoration: underline; } / Style> / head> body> h3> Гэты загаловак будзе падкрэслены / h3> / body> / html>

4. 4 Стварыце клас CSS, каб хутка падкрэсліваць тэкст. У табліцы стыляў або раздзеле style> можна стварыць класы, каб выклікаць іх пазней. Класу можна прысвоіць любое імя.

   html> head> style> .underline {text-decoration: underline; } / Style> / head> body> Выкарыстоўвайце гэты клас для div> хуткага падкрэслення / div> розных div> элементаў / div> / body> / html>

5. 5 Падумайце пра іншых спосабах вылучэння тэксту. Рэкамендуем пазбягаць падкрэслення, каб не заблытаць карыстальнікаў. Лепш ужыць тэг em>, каб вылучыць тэкст курсівам. Выкарыстоўвайце CSS, каб дадаць да гэтага тэгу іншыя параметры стылю.

   html> head> style> em {color: red; } / Style> / head> body> Усё, што знаходзіцца ў элеменце «em», будзе выдзелена em> курсівам (па змаўчанні), а таксама афарбавана ў чырвоны колер / em> дзякуючы дадатковым параметрах стылю. / Body> / html>

Метад 2 з 2: Састарэлы метад

1. 1 Пазбягайце выкарыстання старых тэгаў u> / u>. Яны састарэлі - гэта азначае, што гэтыя тэгі ўсё яшчэ працуюць, але імі імкнуцца не карыстацца ці не рэкамендуюць ужываць. Гэта звязана з тым, што HTML не прызначаны для налады стылю кантэнту. Тэг u> усё яшчэ працуе, але павінен прадстаўляць тэкст, выдатны ад іншага тэксту, напрыклад, слоў з памылкамі або кітайскіх імёнаў уласных.
2. 2 Выкарыстоўвайце тэгі u> / u>, каб падкрэсліваць элементы (толькі для дэманстрацыі). Практычна няма ні аднаго выпадку, калі неабходна выкарыстоўваць гэтыя тэгі. Магчыма, вам прыйдзецца рэдагаваць стары сайт, таму лепш быць у курсе, што ўяўляюць сабой названыя тэгі.

   html> body> Стары HTML-тэг u> дазваляў хутка падкрэсліваць элементы / u>, але калі закраналіся іншыя элементы стылю, усё станавілася хаатычным. Таму цяпер для падкрэслення выкарыстоўваюць CSS-элемент «text-decoration». / Body> / html>

парады

• Практычна заўсёды ёсць лепшы спосаб вылучыць кантэнт на вэб-старонцы, чым падкрэсліванне. Падкрэсліванне можа заблытаць карыстальнікаў. Падумайце аб тым, як вылучыць тэкст з дапамогай CSS.