哪位好心人给我写个.html的网页，做个文字的超链接就行

王小点 · 发表于 2024-12-4 20:59:31

做个单独的网页，

然后文字是超链接因为是手机浏览器访问，所以要对齐

这个是超链接点击会跳转网页

这个是超链接点击会跳转网页

这个是超链接点击会跳转网页

这个是超链接点击会跳转网页

这个是超链接点击会跳转网页

moliang · 发表于 2024-12-4 20:59:32

这很简单随便一个ai都可以搞定

逆向正解 · 发表于 2024-12-4 21:00:48

有偿可以

迷糊的弟弟 · 发表于 2024-12-4 21:15:28

这个这么简单的直接问AI就行了

1339683697 · 发表于 2024-12-4 21:17:31

来瓶红牛帮你

xiaoyu1986 · 发表于 2024-12-4 21:17:45

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gb2312">
    <title>示例</title>
    <style>
        .center {
            text-align: center;
            margin: auto;
            width: 50%; 
        }
    </style>
</head>
<body>
    <div class="center">
        <a href="https://www.baidu.com" target="_blank">这个是超链接点击会跳转网页</a>
    </div>
</body>
</html>

迷糊的弟弟 · 发表于 2024-12-4 21:18:15

为了创建一个单独的网页，并在其中包含对齐的超链接文本，你可以使用HTML和CSS。以下是一个简单的示例代码：

1.zip (622 Bytes, 下载次数: 1)

frankiy · 发表于 2024-12-4 21:18:41

当然可以。以下是一个简单的HTML代码示例，其中包含了一个居中对齐的超链接：

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>居中对齐的超链接</title>
<style>
  .centered-link {
text-align: center;
margin-top: 50px; /* 根据需要调整上边距 */
  }
</style>
</head>
<body>

<div class="centered-link">
  <a  target="_blank">点击访问示例网站</a>
</div>

</body>
</html>
```

在这个例子中，`.centered-link` 类用于将超链接文本居中对齐。`text-align: center;` 属性确保了文本居中显示，而 `margin-top` 属性则为超链接提供了一些上边距，以便在页面上有更好的视觉效果。你可以根据需要调整 `margin-top` 的值。

补充内容 (2024-12-4 21:19):
_blank  =  超链接地址

hxnr · 发表于 2024-12-4 21:39:27

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>超链接列表</title><style> body { font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; background-color: #f0f0f0; } .link-container { text-align: center; } .link-container a { display: block; margin: 10px 0; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; } .link-container a:hover { background-color: #0056b3; }</style></head><body><div class="link-container"> <a >这个是超链接点击会跳转网页</a> <a >这个是超链接点击会跳转网页</a> <a >这个是超链接点击会跳转网页</a> <a >这个是超链接点击会跳转网页</a> <a >这个是超链接点击会跳转网页</a></div></body></html>

张和颐 · 发表于 2024-12-4 21:45:50

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>超链接示例</title>
  <style>
    /* 全局样式重置，去除默认的外边距和内边距，让页面在不同浏览器中更统一 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* 给body设置一个背景颜色，方便查看效果，可按需修改 */
    body {
      background-color: #f4f4f4;
    }

    /* 容器样式，用于包裹超链接，设置一定的内边距和居中显示 */
   .link-container {
      padding: 20px;
      text-align: center;
    }

    /* 超链接样式，这里设置了一些基本的外观，比如去掉下划线、改变颜色、添加鼠标悬停效果等 */
    a {
      display: block;
      text-decoration: none;
      color: #007bff;
      font-size: 18px;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #007bff;
      border-radius: 5px;
    }

    a:hover {
      background-color: #007bff;
      color: white;
    }
  </style>
</head>

<body>
  <div class="link-container">
    <a href="https://www.baidu.com">百du一下</a>
    <a href="https://bbs.125.la">精易论坛</a>
    <a >京东</a>
  </div>
</body>

</html>

		自动登录	找回密码
密码			注册

[已解决] 哪位好心人给我写个.html的网页，做个文字的超链接就行

最佳答案

浏览过的版块