【学习】实现一个简单的网页_实现一个简单的网站,如个人网站,最好是动态的,实现简单查询功能即可-优快云博客

本文链接：https://blog.youkuaiyun.com/wenya13/article/details/114392257

本文介绍HTML中超链接的应用及不同类型的空链接实现方法，包括如何设置链接目标、链接外观及在新窗口中打开链接等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：
在这里插入图片描述

段落标签：<br> 可插入一个换行符，因为是空标签所以没有结束标签</br>，不需要成对使用
<a> 标签定义超链接，用于从一张页面链接到另一张页面，最重要的属性是 href 属性，它指示链接的目标
在所有浏览器中，链接的默认外观是：
```
  - 未被访问的链接带有下划线而且是蓝色的
  - 已被访问的链接带有下划线而且是紫色的
  - 活动链接带有下划线而且是红色的
```
为文字添加超链接属性：<a href="导入的链接">超链接文本</a>，Target 属性target="_blank"表示在新窗口中打开链接
空连接的三种实现方式：

href=’#’ //始终是紫色的
href=’ Javascript: void(0)’ //l蓝色，点击后是紫色
不写hreff //不显示超链接的外观，看起来就是个文本

实现效果图，完整代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	
	传智播客学科<br>
	<br>
	Ⅰ. web前端 <br>
	Ⅱ. JAVA <br>
	Ⅲ. PHP <br>
	Ⅳ. NET<br>
	
	<br>
	
	<br>在新窗口打开：<a href="http://www.itcast.cn/" target="_blank">传智播客</a>
	<br>在原窗口打开：<a href="https://www.baidu.com/">百 度</a>
	<br><a href=' Javascript: void(0)'>空连接</a>
	<br><a href='#'>空连接1</a>
	<br><a>空连接2</a>
	<br><a href="https://blog.youkuaiyun.com/wenya13" target="_blank">联系我们</a>
	
</body>
</html>