Com subratllar el text en HTML

Autora: Clyde Lopez
Data De La Creació: 19 Juliol 2021
Data D’Actualització: 23 Juny 2024
Anonim
Llegir i subratllar llibres electrònics en Play Books
Vídeo: Llegir i subratllar llibres electrònics en Play Books

Content

El mètode de subratllat HTML heretat és utilitzar etiquetes u> / u>, però ara utilitza un mètode modern basat en CSS. El subratllat es considera una mala manera de cridar l’atenció sobre el text perquè és fàcil confondre el text subratllat amb un enllaç.

Passos

Mètode 1 de 2: Mètode modern

  1. 1 Utilitzeu la propietat "text-decoration" a CSS. Actualment, l’etiqueta u> no s’utilitza per subratllar el text.
    • En afegir aquesta propietat, no haureu de canviar el codi en el futur quan es retirin les etiquetes antigues.
  2. 2 Utilitzeu l’etiqueta span> per subratllar un text específic. Introduïu una etiqueta d'inici juntament amb la propietat "decoració de text" davant del text que vulgueu subratllar. Al final del text, introduïu l'etiqueta / abast de tancament>.

    span style = "text-decoration: underline;"> Aquest text es subratllarà. / span>

  3. 3 Especifiqueu elements HTML a la secció estil> per facilitar el subratllat. També es pot fer mitjançant un full d’estil CSS. Per exemple, per subratllar tots els encapçalaments de nivell 3, afegiu el codi següent a la secció "estil":

    html> cap> estil> h3 {text-decoració: subratllat; } / style> / head> body> h3> Aquest títol es subratllarà / h3> / body> / html>

  4. 4 Creeu una classe CSS per subratllar ràpidament el text. Podeu crear classes al vostre full d'estil o secció d'estil> per trucar-les més tard. A la classe se li pot donar qualsevol nom.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Utilitzeu aquesta classe per div> subratllat ràpid / div> div divers> elements / div> / body> / html>

  5. 5 Penseu en altres maneres de ressaltar el text. Us recomanem que no subratlleu per evitar confondre els usuaris. És millor utilitzar l’etiqueta em> per fer que el text sigui en cursiva. Utilitzeu CSS per afegir altres opcions d’estil a aquesta etiqueta.

    html> cap> estil> em {color: red; } / style> / head> body> Qualsevol element de l'element "em" es mostrarà en cursiva (per defecte) i també es mostrarà de color vermell / em> gràcies a les opcions d'estil addicionals. / body> / html>

Mètode 2 de 2: Mètode heretat

  1. 1 Eviteu utilitzar les etiquetes antigues u> / u>. Estan obsoletes, cosa que significa que aquestes etiquetes continuen funcionant, però que es desanimen o es desanimen. Això es deu al fet que l'HTML no està pensat per personalitzar l'estil del contingut. L'etiqueta u> encara funciona, però ha de representar un text diferent a un altre text, com ara paraules mal escrites o noms propis xinesos.
  2. 2 Utilitzeu etiquetes u> / u> per subratllar elements (només per demostració). Amb prou feines hi ha cap cas en què necessiteu utilitzar aquestes etiquetes. És possible que hàgiu d'editar el lloc antic, de manera que és millor ser conscient de les etiquetes.

    html> body> L’antiga etiqueta HTML u> permetia subratllar ràpidament / u> elements, però si es tocaven altres elements d’estil, les coses es tornaven caòtiques. Per tant, actualment utilitzen l'element CSS "text-decoration" per subratllar. / body> / html>

Consells

  • Gairebé sempre hi ha una manera millor de ressaltar el contingut d’una pàgina web que subratllar. El subratllat pot confondre els usuaris. Penseu en com ressaltar el text mitjançant CSS.