岁月静好浅笑安然
岁月静好浅笑安然

JAVA Web学习(2)___第二章 HTML 和CSS网页开发基础

第2章 HTML 和CSS网页开发基础

2.1.6 超链接和图片标记

1.超链接

HTML使用标签 来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。

注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

HTML 链接语法

链接文本
//href 属性描述了链接的目标。

示例代码



 
 
菜鸟教程(runoob.com) 


访问菜鸟教程!

如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。

2.图片标记

页面上添加的图片是以实现的

图片标记语法

提示文字

标记的属性

属性 描述
src 用于指定图片的来源
width 宽度
height 高度
borde 图片外边框宽度，默认为0
alt 图片无法显示时显示的文字

2.2 HTML5新增内容

2.2.1 新增的元素

元素

标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域
示例代码



 
 
菜鸟教程(runoob.com) 





  
WWF

  
The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.

上面代码相当于在HTML4中使用

标记在页面中定义一个区域

元素

标签定义独立的内容。
标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
的潜在来源：论坛帖子、博客文章、新闻故事、评论

元素

标签定义文档或者文档的一部分区域的页眉。
元素应该作为介绍内容或者导航链接栏的容器。
在一个文档中，您可以定义多个
元素。
注释：
标签不能被放在