HTML(三)链接,,css样式

HTML链接

HTML 超链接

一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接显示为紫色并带有下划线
点击链接时,链接显示为红色并带有下划线
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示

HTML 链接语法

链接文本

HTML 链接 - target 属性

访问菜鸟教程!
使用 target 属性,你可以定义被链接的文档在何处显示
target 属性参数有4个:
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在*框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

图片链接

创建图片链接:
HTML(三)链接,<head>,css样式

无边框的图片链接:
HTML(三)链接,<head>,css样式

HTML

HTML 元素

元素包含了所有的头部标签元素
在 元素中你可以插入脚本(scripts),
样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为:
, , , , , ,

HTML 元素

文档标题

定义了浏览器工具栏的标题

HTML 元素

标签描述了基本的链接地址/链接目标,
该标签作为HTML文档中所有的链接标签的默认链接

HTML 元素

标签定义了文档与外部资源之间的关系
标签通常用于链接到样式表

HTML 元素

标签定义了HTML文档的样式文件引用地址
在 元素中你也可以直接添加样式来渲染 HTML 文档

body {background-color:yellow}
p {color:blue}

HTML 元素

为搜索引擎定义关键词:

为网页定义描述内容:

定义网页作者:

每30秒钟刷新当前页面:

HTML 元素

标签用于加载脚本文件,如:JavaScript

HTML 样式-CSS

如何使用CSS

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 区域使用 元素 来包含CSS
外部引用 - 使用外部 CSS 文件

没有下划线的链接

访问 runoob.com!

HTML内联样式实例 - 背景颜色

这是一个标题

这是一个段落。

HTML 内联样式实例 - 字体, 字体颜色 ,字体大小

一个标题

一个段落。

HTML 内联样式实例 - 文本对齐方式

居中对齐的标题

这是一个段落。

内部样式表

在中添加,设置默认样式

h1 {color:red;}
p {color:blue;}

外部样式表

html引用css

html里加一个class属性,css中加上特效

上一篇:【docker】centOS7上部署的mysql和spring boot服务,要求,mysql的时间、java程序服务的时间和宿主机的时间完全保持一致【修改mysql时区,临时和永久】【修改spring boot配置文件时区】【修改docker启动spring boot实例程序时区】


下一篇:Windows和Linux创建软链接和硬链接