当前位置: 首页 > 知识库问答 >
问题:

HTML超链接正在与其他段落标记合并

郝昊东
2023-03-14

这是我的代码:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<title>Abbas Maheryar - Inquiries</title>
</head>
<body>
<center><h1>Inquiries</h1></center>
<h3><u>Use this information to contact me</u></h3>
<div>
<center><p><b>Phone:</b=> 818-857-0846
<p><b>Email:</b></p><a href="mailto:abbasmaheryar@gmail.com?Subject=Service Inquiry"target="_top"><p>abbasmaheryar@gmail.com</p>
</center>
</div>
<div>
<p>Inquiries</p> | <a href="./news.html"><p>News</p>
</div>
</body>
</html>

我的问题是,当我试图链接我的电子邮件时,它也会在底部链接查询。我能做些什么来解决这个问题?

共有2个答案

徐正雅
2023-03-14

您的超链接正在一起运行,因为您忘记使用

<a href="mailto:abbasmaheryar@gmail.com?Subject=Service Inquiry"target="_top"><p>abbasmaheryar@gmail.com</p></a>

您还需要关闭您的新闻超链接,这将导致与任何正在进行的超链接相同的问题。这也需要关闭:

<a href="./news.html"><p>News</p></a>

还要注意

<p><a href="mailto:abbasmaheryar@gmail.com?Subject=Service Inquiry"target="_top">abbasmaheryar@gmail.com</a></p>
<p><a href="./news.html">News</a></p>

您正在寻找的完整标记是:

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <title>Abbas Maheryar - Inquiries</title>
</head>

<body>
  <center>
    <h1>Inquiries</h1>
  </center>
  <h3><u>Use this information to contact me</u></h3>
  <div>
    <center>
      <p><b>Phone:</b> 818-857-0846
      <p><b>Email:</b></p>
      <p>
        <a href="mailto:abbasmaheryar@gmail.com?Subject=Service Inquiry" target="_top">
        abbasmaheryar@gmail.com</a>
      </p>
    </center>
  </div>
  <div>
    <p>Inquiries</p> |
    <p>
      <a href="./news.html">News</a>
    </p>
  </div>
</body>

</html>

吕德惠
2023-03-14

语义正确的HTML应如下所示:

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <title>Abbas Maheryar - Inquiries</title>
</head>

<body>
  <center>
    <h1>Inquiries</h1>
  </center>
  <h3><u>Use this information to contact me</u></h3>
  <div>
    <center>
      <p>
        <b>Phone:</b> 818-857-0846
      </p>
      <p>
        <b>Email:</b>
        <a href="mailto:abbasmaheryar@gmail.com?Subject=Service Inquiry" target="_top">
        abbasmaheryar@gmail.com
        </a>
      </p>
    </center>
  </div>
  <div>
    <p>
      Inquiries | <a href="./news.html">News</a>
    </p>
  </div>
</body>

</html>
 类似资料:
  • 这些指令(标识符)创建简短的段落,可用于内部信息的单位以及普通的文本: .. note:: toctree 指令(标识符)是描述在 TOC树 ,它生成子文件的内容表。对于本地内容表,可以用标准的reST contents directive。 词汇表 .. glossary:: 特别标记是用于显示 Special markup is available for displaying the pro

  • 主要内容:HTML 段落,实例,不要忘记结束标签,实例,HTML 折行,实例,HTML 输出- 使用提醒,本站实例,更多实例,HTML 标签参考手册HTML 可以将文档分割为若干段落。 HTML 段落 段落是通过 <p> 标签定义的。 实例 <p>这是一个段落 </p> <p>这是另一个段落</p> 注意:浏览器会自动地在段落的前后添加空行。(</p> 是块级元素) 不要忘记结束标签 即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来: 实例 <p>这是一个段落 <p>这是另一个

  • HTML 可以将文档分割为若干段落。 HTML 段落 段落是通过 <p> 标签定义的。<p>这是一个段落 </p> <p>这是另一个段落</p> 注意:浏览器会自动地在段落的前后添加空行。(</p> 是块级元素) 不要忘记结束标签 即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来:<p>这是一个段落 <p>这是另一个段落 上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘

  • 问题内容: 我正在尝试用Jade编写一些段落,但是当段落中有链接时会发现很难。 我能想到的最好的,我想知道是否有一种方法可以减少标记: 问题答案: 从jade 1.0开始,有一种更简单的方法可以解决此问题,但是不幸的是,我在官方文档中找不到它。 您可以使用以下语法添加内联元素: 因此,没有在ap中插入多行的示例将是这样的: 您还可以执行嵌套的内联元素:

  • 这个指令可以创建简单的段落,也可以如普通文本一样使用内部信息单位: .. note:: 显示用户使用API时的注意事项. 指令的内容应该使用完整的语句及标点符号. 例如: .. note:: 该功能不适于发送垃圾邮件. .. warning:: 显示用户使用API时的注意事项. 指令包含完整的句子和标点符号. 不同于 note ,它一般显示的是信息安全方面的注意事项. .. version

  • 我想让我的段落正确地显示出来。 段落示例: Lorem ipsum dolor坐在这里,奉献给我们。拍卖商,拍卖商,拍卖商。整数nec别名urna,一个微调猫。nunc mi quam,简历pharetra quis,dapibus等。二重奏等精英和大人物。莫尔比怀疑一个多洛坐在一起。nunc aliquam, eros molestie eeffitur faucibus, orci diam