3、HTML——注释、转义字符、超链接标签、锚链接、功能性超链接、列表标签、有序列表、无序列表、定义列表
创始人
2024-04-08 11:00:09
0

目录

一、注释标签

二、转义字符 

1、空格: 

2、大于号/小于号:>/<

3、引号:"

4、版权:©

5、商标:&trade

6、常见转义字符 

三、超链接标签:a 

 四、锚链接

1、跳转同网页位置

 2、跳转不同网页位置

五、功能性超链接

六、列表标签

1、无序列表:ul--li

2、有序标签:ol--li

 3、定义列表:dl--dt--dd


一、注释标签

注释标记:

快捷键CTRL+/

二、转义字符 

1、空格: 


第三个网页

转义字符:空格

第一次遇见阴天遮住你侧脸有什么故事好想了解。
第一次遇见阴天遮住你侧脸 有什么故事好想了解。

2、大于号/小于号:>/<


第三个网页

转义字符:大于号与小于号

5>3;
3<5;

3、引号:"


第三个网页

转义字符:引号

"在拥挤的人潮,我妥协了多少"我想给你快乐

4、版权:©


第三个网页

转义字符:版权

©恰似情书

5、商标:&trade


第三个网页

转义字符:版权

娃哈哈™

6、常见转义字符 

 

三、超链接标签:a 

a标签:超链接标签,实现网页的跳转;

href属性:设置网页跳转位置,可以是一个网站的地址,也可以是项目中其他的页面;

target属性:设置新打开网页的打开位置,常用值有 :self   在当前窗口打开(默认值);  _blank在新的窗口中打开。 

元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观如下:

  • 未被访问的链接带有下划线而且是蓝色的

  • 已被访问的链接带有下划线而且是紫色的

  • 活动链接带有下划线而且是红色的


第三个网页

超链接标签:a

百度一下点击跳转到图片

 四、锚链接

点击超链接跳转到指定位置。

通过a标签的idname属性进行跳转,跳转按钮的href值为id或name前面加个#

相当于给个标记,id和name属性都可以 

1、跳转同网页位置


第三个网页

超链接标签:a

一直很安静 - 阿桑 (Judy Huang)

跳至歌词尾
词:方文山
曲:蔡如岳
空荡的街景
想找个人放感情
作这种决定
是寂寞与我为邻
我们的爱情
像你路过的风景
一直在进行
脚步却从来不会为我而停
给你的爱一直很安静
来交换你偶尔给的关心
明明是三个人的电影
我却始终不能有姓名
你说爱像云
要自在飘浮才美丽
我终于相信
分手的理由有时候很动听
给你的爱一直很安静
来交换你偶尔给的关心
明明是三个人的电影
我却始终不能有姓名
给你的爱一直很安静
我从一开始就下定决心
以为自己要的是曾经
却发现爱一定要有回应
给你的爱一直很安静
来交换你偶尔给的关心
明明是三个人的电影
我却始终不能有姓名
给你的爱一直很安静
除了泪在我的脸上任性
原来缘分是用来说明
你突然不爱我这件事情
跳至歌词开头

 2、跳转不同网页位置

href的值为:跳转网页的地址加上需要跳转位置的id或name属性


第二个网页打开歌词并跳至歌词尾部

五、功能性超链接

href的值设置为mailto:邮箱地址

--->跳转至邮箱


第一个网页我的邮箱

六、列表标签

1、无序列表:ul--li

    标签定义无序列表。

      标签与
    • 标签一起使用,创建无序列表。

        标签由
      • 标签组成。

        当列表项没有数字顺序时,请使用

          标记。

          您可以嵌套

              列表。

              可通过

                的type属性设置选项前的符号


第一个网页
  • 选项一
  • 选项二
  • 选项三

  • 选项一
  • 选项二
  • 选项三

  • 选项一
  • 选项二
  • 选项三

  • 选项一
  • 选项二
  • 选项三

2、有序标签:ol--li

    标签定义了一个有序列表. 列表排序以数字来显示。

      标签由
    1. 标签组成。

      当列表项具有有意义的数字顺序时,请使用

        标记。

        您可以嵌套

            列表。

            type属性:设置列表项前面的符号,常用属性值有1(数字,默认值);大写英文字母A和小写英文字母a;大写的罗马数字I和小写的罗马数字i

            start属性:设置列表项符号的起始值,设置属性只能是数字


第一个网页
  1. 选项一
  2. 选项二
  3. 选项三

  1. 选项一
  2. 选项二
  3. 选项三

  1. 选项一
  2. 选项二
  3. 选项三

  1. 选项一
  2. 选项二
  3. 选项三

  1. 选项一
  2. 选项二
  3. 选项三

  1. 选项一
  2. 选项二
  3. 选项三

 3、定义列表:dl--dt--dd

标记通常用于显示术语表或术语的定义。

标签定义一个描述列表。

标记可以包含零个或多个组,每个组由一个或多个术语(在
标记中找到)组成,后跟一个或多个描述(在
标记中找到)。

标签与 
(定义项目/名字)和 
(描述每一个项目/名字)一起使用。

对于每个组,必须至少有一个

标签,然后是至少一个
标签。这意味着可以列出:

  • 一个术语后跟一个描述

  • 单个术语后跟多个描述

  • 多个术语后跟一个描述

  • 多个术语,后跟多个描述

dt标签:定义列表项

dd标签:定义列表项内容标签 


第三个网页
ikun爱好一:
只因你太美
ikun爱好二:
ikun爱好三:
rap
ikun爱好四:
篮球

相关内容

热门资讯

银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
月入8000+的steam搬砖... 大家好,我是阿阳 今天要给大家介绍的是 steam 游戏搬砖项目,目前...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...