HTML：如何正确设置超链接列表的样式

Question

我是 HTML 的新手，所以这是一个非常基本的问题，不幸的是我找不到任何提示。所以我把它放在这里。基本上，我必须使用标签 href，并同时设置两者的样式。我该怎么做？例如，考虑以下内容：

我有一个这样的列表：

 <ul>
    <li style="color:blue;font-size:20px;text-align:justify">that is inclusive, innovative, and relevant</li>    
</ul>

现在我想在文本上有一个超链接:

that is inclusive, innovative, and relevant

例如，点击上面的文字应该去google.com

我该怎么做？

Answer 1

来吧，让我知道样式是否已预先应用。

 <ul>
    <li style="color:blue;font-size:20px;text-align:justify"><a href="#">that is inclusive, innovative, and relevant</a></li>    
</ul>

Answer 2

您需要使用 anchor tag <a> 并将 href 属性设置为您的 url。显示文本可以放在元素内部。

<a href="https://www.google.com">Visit Google</a>

包含两个 link 的列表：

<ul>
    <li style="color:blue;font-size:20px;text-align:justify">
        <a href="https://www.example.com">
            that is inclusive, innovative, and relevant
        </a>
    </li>    

    <li style="color:blue;font-size:20px;text-align:justify">
        <a href="https://www.w3.org/MarkUp/1995-archive/Elements/A.html">
            Anchor tag spec
        </a>
    </li> 
</ul>

样式可以应用于 link 或列表项。浏览器会做一些默认的样式来锚定标签，使它们在被访问后变成蓝色和下划线，紫色。通常，此默认样式会被删除或覆盖。

HTML：如何正确设置超链接列表的样式

HTML: How to correctly style a list of hyper links

html

hyperlink