Sublinierea în html: moduri.

Cu ajutorul textului html puteți da un design frumos. Elementul de subliniere este foarte popular, dar nu toți utilizatorii obișnuiți știu cum să o aplice.

Sublinierea în HTML

Deci, cum fac o subliniere? Subliniați textul în html este făcută cu ajutorul unei etichete . Se utilizează în toate specificațiile html și xhtml, dar numai sub condiția tranzitorie, deoarece trebuie specificată versiunea marcajului pentru browser. În acest caz, documentul trece cu succes validarea. Pentru a specifica un element, este necesar ca acesta să fie în partea de sus a paginii.html subliniază

etichetă închidere, trebuie în mod necesar să fie însoțită . În marcaj trebuie adăugat astfel:

  1. nostru textul în paragraful

Cuvântul "text" va fi subliniat.

Puteți sublinia o literă separată în cuvânt:

  1. Poziția a doua

  2. cele noastrelaalineatul (2)

recomandări

În mod tradițional, în marcajul html, link-urile sunt afișate sub mouse sau chiar permanent, dar se întâmplă implicit în toate browserele. Prin urmare, setați eticheta pe o bază continuă nu este foarte recomandată.

În plus, stilurile de prescriere din css fac codul mai compact, ceea ce înseamnă că încărcarea paginii va fi mai rapidă.

Cel mai adesea, designerii de layout aplică stiluri, adăugând margini sau subliniază html sau redând-le într-un fișier css separat.

Subliniază în CSS



Decorarea textului cu css este un mod convenabil și practic. Cea mai simplă modalitate de selecție este folosirea textului sau a decorului de fundal.

Pentru a accentua textul cu decorarea textului, proprietatea trebuie adăugată la clasa dorită.

  • clasa cerută {
  • text-decorare: subliniere;
  • }

Trebuie amintit că numele de clase sunt întotdeauna scrise în latină.subliniați textul html

Înregistrarea poate fi făcută și cu ajutorul frontierelor. Frontierele vă permit să faceți atât linii regulate (solidă), cât și linii punctate. Pentru aceasta, sunt prescrise proprietățile necesare ale granițelor, dar proprietatea decorării textului este eliminată.

  • clasa cerută {
  • text-decoration: nici unul;
  • }

Apoi textul este decorat cu următoarea proprietate:

  • .clasa cerută {
  • text-decoration: nici unul;
  • margine de fund: 2px spart negru;
  • }

Deci merge decorat cu o linie punctată. Pentru ao face solidă, se utilizează "solid" în loc de "dashed". Cei cărora le place să decoreze textul subliniat de puncte, puteți încerca să aplicați "punctat".

Stilurile de cadre sunt scrise într-o singură linie. În plus față de tipul de sublinieri, trebuie de asemenea să specificați grosimea sublinierii și culoarea. Pentru a determina dimensiunea, puteți experimenta, dar de obicei 1 sau 2 pixeli este suficient. Culoarea textului poate fi făcută și în culoarea semnelor:

  • clasa cerută {
  • text-decoration: nici unul;
  • margine de fund: 1px albastru punctat;
  • culoare: albastru;
  • }

Deci, se pare un text albastru cu un design albastru. Pentru a atașa un stil la html, trebuie să adăugați o clasă la marcaj.

  • Titlul al treilea

  • Textul nostru din paragraful

Asta e tot, aceasta este sublinierea în html.

Distribuiți pe rețelele sociale:

înrudit
Linia roșie.Identificați indentarea în HTMLLinia roșie.Identificați indentarea în HTML
Păstrați o linie în HTML: utilizați eticheta brPăstrați o linie în HTML: utilizați eticheta br
Comenzi HTML pentru crearea site-urilor WebComenzi HTML pentru crearea site-urilor Web
Lista principalelor etichete HTMLLista principalelor etichete HTML
Cum se elimină sublinierea roșie în Word: o soluție simplă a problemeiCum se elimină sublinierea roșie în Word: o soluție simplă a problemei
Cum să subliniați în Word fără cuvinte sau cu text: câteva opțiuni simple pentru acțiuniCum să subliniați în Word fără cuvinte sau cu text: câteva opțiuni simple pentru acțiuni
Etichete HTML pentru text: aliniere, dimensiune, fontEtichete HTML pentru text: aliniere, dimensiune, font
Cum se elimină sublinierea într-un link HTML pagină?Cum se elimină sublinierea într-un link HTML pagină?
Cum să eliminați sublinierea în Word: o prezentare generală a modurilor simpleCum să eliminați sublinierea în Word: o prezentare generală a modurilor simple
Elemente CSS subliniere decorativeElemente CSS subliniere decorative
» » Sublinierea în html: moduri.