在HTML中加下划线

作者: John Pratt
创建日期: 17 二月 2021
更新日期: 1 七月 2024
Anonim
【网页设计 2020】教程|HTML Text 文字是这样code的
视频: 【网页设计 2020】教程|HTML Text 文字是这样code的

内容

HTML的下划线过去通常是将文本括在u> / u>标记之间,但是此方法已不推荐使用,而倾向于功能更强大的CSS。网页下划线通常被认为是强调文本的特定部分的不便方法。这是因为带下划线的文本很容易与链接混淆。

方法1之2:当前方法

  1. 在您的CSS样式中使用text-decoration属性。 使用u>标记不再是在文本下划线的合适方法。相反,我们使用CSS属性“ text-decoration”。
    • 这使代码更易于修改,因此,如果旧代码变得不可用,则无需更改任何有关旧代码的内容。
  2. 要在文本的特定部分下划线时,请使用span>标记。 将开始标记与“ text-decoration”属性一起放置在您希望下划线开始的位置。将结束标记/ span>放在下划线应停止的位置。

    span style =“ text-decoration:underline;”>将带下划线。/span>

  3. 在页面的style>部分中声明HTML元素。 您也可以在CSS样式表中执行此操作。通过将样式与HTML元素相关联,可以使下划线更加容易。例如,要在所有第3级标头下划线,请添加以下CSS样式:

    html> head> style> h3 {text-decoration:underline; } / style> / head> body> h3>带下划线的标题/ h3> / body> / html>

  4. 创建一个CSS类以在任何时候快速下划线。 您可以在样式表或style>中创建类,稍后再调用。该类可以具有您想要的任何名称。

    html> head> style> .underline {text-decoration:underline; } / style> / head> body>可以使用该类在内容的不同部分div> / div>下划线div> / div>从内容/ div> / body> / html>

  5. 考虑其他强调文本的方法。 应避免加下划线,以免引起读者困惑。一种流行的方法是使用em>标记,该标记使文本变为斜体。您可以使用CSS进一步指定此标签,以一种独特的方式进行强调。

    html> head> style> em {color:red; } / style> / head> body> em元素内的所有内容都将变为em>斜体(由于默认设置),并且由于上面添加的样式而变为红色/ em>。 /正文> / html>

方法2之2:过时的方法

  1. 避免使用旧的u> / u>标记。 这些是“粘性”的,意味着它仍然有效,但是不再使用或建议使用。这是因为HTML原则上并不是设计为标记语言。 u>标记仍将起作用,但现在旨在表示与其他文本不同的文本,例如拼写错误的单词或中文专有名词。
  2. 使用标签u> / u>进行下划线(仅用于说明目的)。 在任何情况下,您都不应再次使用此方法。最好了解如何使用它,以防您需要更新较旧的网站。

    html> body>使用HTML中的旧标签u>,您可以快速在事物/ u>下划线,但是当使用其他样式元素时,事物很快就会变得混乱。这就是为什么我们现在使用CSS元素在“文本装饰”下划线。 /正文> / html>

尖端

  • 与下划线相比,几乎总是有一种更好的方法来强调网页上的某些内容。这可能会使读者感到困惑。使用CSS使您的文本更美观,从而使其脱颖而出。