Web安全学习笔记

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>元素

用于加载脚本文件

  • 18
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值