html

参考了菜鸟教程(非常棒教程网站)

人说林深时见鹿,海蓝时见鲸,梦醒时见你。可实际,林深时雾起,海蓝时浪涌,梦醒时也许未见鹿,未见鲸,但是你见到了大海深处的便利店在给杜紫藤送伪装成古明地铁15号线的炸弹。

HTML 属性

class - 为html元素定义一个或多个类名(classname)(类名从样式文件引入)

id - 定义元素的唯一id

style - 规定元素的行内样式(inline style)

title - 描述了元素的额外信息 (作为工具条使用)

HTML 链接

基础格式:

<a href="https://google.com/">GOOGLE</a>

显示为:

GOOGLE

target 属性

实例:

<a href="https://google.com/" target="_blank" rel="本站指定搜索引擎">GOOGLE</a>

GOOGLE

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>

results matching ""

    No results matching ""