html
参考了菜鸟教程(非常棒教程网站)
人说林深时见鹿,海蓝时见鲸,梦醒时见你。可实际,林深时雾起,海蓝时浪涌,梦醒时也许未见鹿,未见鲸,但是你见到了大海深处的便利店在给杜紫藤送伪装成古明地铁15号线的炸弹。
HTML 属性
class
- 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id
- 定义元素的唯一id
style
- 规定元素的行内样式(inline style)
title
- 描述了元素的额外信息 (作为工具条使用)
HTML 链接
基础格式:
<a href="https://google.com/">GOOGLE</a>
显示为:
target 属性
实例:
<a href="https://google.com/" target="_blank" rel="本站指定搜索引擎">GOOGLE</a>
target
- 设置链接跳转的目标位置,_blank
为在新窗口打开。
rel
- 该链接与本页面的关系(relationship)。
id 属性
id 属性可用于创建一个 HTML 文档书签。 提示: 书签不会以任何特殊方式显示,即在 HTML 页面中是不显示的,所以对于读者来说是隐藏的。 来自:菜鸟教程
实例:
我在本页面开头写了一段话,并设置了此p标签id:
<p id="introduction">人说林深时见鹿,海蓝时见鲸,梦醒时见你。可实际,林深时雾起,海蓝时浪涌,梦醒时也许未见鹿,未见鲸,但是你见到了大海深处的便利店在给杜紫藤送伪装成古明地铁15号线的炸弹。</p>
现在用a标签链接到它:
代码:<a href="#introduction">跳转至开头</a>
点击它:跳转至开头
或,从另一个页面跳转至本页面开头设置书签处:
<a href="https://note.wuko.top/web/2022-06-11-HTML.html#introduction">
跳转至:<strong>云笔记 - HTML - 开头语</strong></a>