web安全学习笔记
好久没更了这段时间去旅游和回乡下了,接下来应该会稍微勤快一点^_^
4、HTML标题
1)HTML标题
通过h1-h6标签进行定义
<h1>定义最大标题,<h6>定义最小标题
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
eg.
这是一个标题
这是一个标题
这是一个标题
2)HTML水平线
hr元素可以用于分隔内容
<p>这是一个段落</p>
<hr>
<p>这是一个段落</p>
eg.
这是一个段落
这是一个段落
3)HTML注释
<!-- 这是一个注释 -->
4、HTML段落
1)HTML段落
<p>这是一个段落</p>
<p>这是另一个段落</p>
2)HTML折行
<p>这个<br>段落<br>演示了分行的效果</p>
eg.
这个
段落
演示了分行的效果
5、HTML文本格式化
1)HTML格式化标签
HTML使用标签替换加粗标签<b>使用,<em>替换<i>使用
<b>与<i>定义粗体或斜体文字
<strong>或<em>意味着你要呈现的文本是重要的,所以要突出显示
6、HTML超链接
使用标签<a>来设置超链接文本
在<a>中使用了herf属性来描述链接的地址
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时,链接显示为红色并带有下划线。
HTML链接语法
创建链接的主要元素是元素,其具有以下性质:
-
herf:指定链接目标的URL(Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL,它是www的统一资源定位标志,简单地说URL就是web地址,俗称“网址”)
-
target:指定连接如何在浏览器中打开,常见值包括_blank(在新标签或窗口中打开链接)和_self(在当前标签或窗口中打开链接)
<a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">访问百度</a>
- title:提供连接到额外信息,通常在鼠标悬停在连接上时显示为工具提示
- rel:指定与链接目标的关系,如nofollow、noopener
文本链接:
<a href="url">链接文本</a>
<a href="https.baidu.com">百度搜索</a>
eg.
百度搜索
图像链接
<a href="https://www.examole.com">
<img src="example.jpg" alt="示例图片">
</a>
锚点连接(在同一页面内创建内部链接)
<a href="#section2">跳转到第二部分</a>
<a name="section2"></a>
下载链接
<a href="document.pdf" download>下载文档</a>
6、HTML头部
1)HTML元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
2)HTML<title>元素
- 定义了浏览工具栏的标题
- 当页面添加到收藏夹时,显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
2)HTML<base>元素
描述了基本的链接地址/链接目标,改标签作为HTML文档中所有的链接标签的默认链接
<head>
<base href="https://www.baidu.com" target="_blank"
</head>
3)HTML<link>元素
定义了文档与外部资源之间的关系
通常用于链接到样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
4)HTM\L
定义了HTML文档的样式文件引用地址
直接添加样式来渲染HTML文档
5)HTML<meta>元素
描述了基本元数据
提供了元数据,元数据不显示在页面上,但会被浏览器解析
<meta>元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者和其他元数据
<meta>一般放置于<head>区域
使用实例
为搜索引擎定义关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者
<meta name="author" content="Runoob">
每30秒钟刷新当前页面
<meta http-equiv="refresh" content="30">
6)HTML<script>元素
用于加载脚本文件