【学习】实现一个简单的网页

最新推荐文章于 2023-03-25 11:43:48 发布

东篱下の悠然

最新推荐文章于 2023-03-25 11:43:48 发布

阅读量165

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/wenya13/article/details/114392257

版权

JavaWeb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

段落标签：<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.csdn.net/wenya13" target="_blank">联系我们</a>
	
</body>
</html>

东篱下の悠然

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【学习】实现一个简单的网页

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

扫一扫

专栏目录