HTML111111111

zotero-plugin-template
写一个zotero插件bili搜索
使用框架编写Zotero插件:
HTML
在这里插入图片描述
在这里插入图片描述

在线编辑器

在线

HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。

HTML 水平线

标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签:

实例

这个
段落
演示了分行的效果

HTML 文本格式化

春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。

注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。

加粗文本


斜体文本


电脑自动输出


这是 下标 上标

通常标签 替换加粗标签 来使用, 替换 标签使用。

然而,这些标签的含义是不同的:

定义粗体或斜体文本。

或者 意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

粗体

着重

斜体

小号

加重语气

A下标

A上标

A下划线?

N

代码

键盘码

键盘码

代码样本

变量

pre预格式

在这里插入图片描述

链接

访问菜鸟教程

示例图片

锚点链接:除了链接到其他网页外,您还可以在同一页面内创建内部链接,这称为锚点链接。要创建锚点链接,需要在目标位置使用 元素定义一个标记,并使用#符号引用该标记。例如:

跳转到第二部分

下载链接:如果您希望链接用于下载文件而不是导航到另一个网页,可以使用 download 属性。例如:

下载文档

HTML 链接- id 属性

id 属性可用于创建一个 HTML 文档书签。

提示: 书签不会以任何特殊方式显示,即在 HTML 页面中是不显示的,所以对于读者来说是隐藏的。

实例
在HTML文档中插入ID:

有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id=“tips”)":

访问有用的提示部分
或者,从另一个页面创建一个链接到"有用的提示部分(id=“tips”)":

访问有用的提示部分

这是一个电子邮件链接: 发送邮件

这是另一个电子邮件链接: 发送邮件!

注意: 单词之间的空格使用 %20 代替,以确保浏览器可以正常显示文本。

HTML 链接语法
以下是 HTML 中创建链接的基本语法和属性: 元素:创建链接的主要HTML元素是(锚)元素。元素具有以下属性:

href:指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
target(可选):指定链接如何在浏览器中打开。常见的值包括 _blank(在新标签或窗口中打开链接)和 _self(在当前标签或窗口中打开链接)。
title(可选):提供链接的额外信息,通常在鼠标悬停在链接上时显示为工具提示。
rel(可选):指定与链接目标的关系,如 nofollow、noopener 等。

title
元素:

定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题

标签描述了基本的链接地址/链接目标
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<base href="https://www.runoob.com/images/" target="_blank">
</head>

<body>
<img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为 "https://www.runoob.com/images/logo.png"
<br><br>
<a href="https://www.runoob.com">菜鸟教程</a> - 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

</body>
<meta name="description" content="免费在线教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="runoob">
</head>
<body>

<p>所有 meta 标签显示在 head 部分...</p>
HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。

<link> 标签通常用于链接到样式表:

实例
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

<head>
<style type="text/css">
body {
    background-color:yellow;
}
p {
    color:blue
}
</style>
</head>
HTML <meta> 元素
meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta> 一般放置于 <head> 区域

<meta> 标签- 使用实例
为搜索引擎定义关键词:

<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">
HTML <script> 元素
<script>标签用于加载脚本文件,如: JavaScript。

<script> 元素在以后的章节中会详细描述。

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

实例

HTML 属性参考手册

查看完整的HTML属性列表: HTML 标签参考手册

下面列出了适用于大多数 HTML 元素的属性:
在这里插入图片描述

更多标准属性说明: HTML 标准属性参考手册.

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值