补充标签说明

最新推荐文章于 2024-07-09 22:15:00 发布
最新推荐文章于 2024-07-09 22:15:00 发布
阅读量61 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58200396/article/details/120968909
版权

预课班day03

1.超链接标签

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- href 地址/链接-->
    <!-- 外部链接 -->
    <h2>外部链接</h2>
    <a href="https://v.qq.com/">腾讯视频</a>

    <h2> 点击打开a标签的窗口方式 target 窗口的打开方式 _self 默认值在当前的窗口打开新网页 </h2>
    <a href="https://v.qq.com/" target="_blank">腾讯视频</a>
    <h3> 内部链接</h3>
    <a href="./内部链接测试.html">内部链接</a>
    <h3>空链接</h3>
    <!-- 比较常用的东西 -->
    <a href="#">我是空链接，不会跳</a>
    <a href="JavaScript:;">我是空链接，不会跳</a>
    <h3>下载链接 .exe 或者是zip等压缩包形式
    </h3>
    <a href="./下在的.zip">下载文件</a>
    <h3>网页元素的链接</h3>
    <a href="https://v.qq.com/"><img src="./R-C.jpg" alt="" width="400" height="400"></a>
</body>

</html>

锚点

 <!-- 1.通过a标签href#xxx 。所要那个地方id命名要一致 -->
    <a href="#love">点击</a>
    <!-- 2.如果通过name属性来实线锚点现象的话一定两个都是a标签 -->
    <a name="baibai">回来了</a>

02- 基础的表格标签

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>了解知道</title>
</head>

<body>
    <!-- 很少用于布局大部分都是来展示数据的-->
    <!-- table 定义表格标签 -->
    <table>
        <!-- tr 标签定义于表格中的行的意思 。注意点：必须嵌套于table标签中 -->
        <tr>
            <!-- td 用于定义表格中的单元格，注意点：必须嵌套于tr标签中 -->
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </tr>
        <tr>
            <td>小红</td>
            <td>16</td>
            <td>女</td>
        </tr>
        <tr>
            <td>68号</td>
            <td>20</td>
            <td>女</td>
        </tr>
    </table>
</body>

</html>

表头标签

   <tr>
            <!-- td 用于定义表格中的单元格，注意点：必须嵌套于tr标签中 -->
            <!-- th 表格中的表头部分 表头单元格里面的文本内容加粗了 -->
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>

表格属性

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="./表格属性.png" alt="">
    <!-- cellpadding 通俗的了解单元格变大了 -->
    <table align="center" border="5" cellpadding='20' cellspacing="0" width="500">
        <!-- tr 标签定义于表格中的行的意思 。注意点：必须嵌套于table标签中 -->
        <tr>
            <!-- td 用于定义表格中的单元格，注意点：必须嵌套于tr标签中 -->
            <!-- th 表格中的表头部分 表头单元格里面的文本内容加粗了 -->
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>小红</td>
            <td>16</td>
            <td>女</td>
        </tr>
        <tr>
            <td>68号</td>
            <td>20</td>
            <td>女</td>
        </tr>
    </table>

</body>

</html>

03-无序列表

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- ul>li*6  这是连写方式-->

    <!-- ul 其规范的子元素是li -->
    <!-- 有ul的地方就有li -->
    <!-- type="none" 不显示符号 -->
    <!-- type="square" 实心方块 -->
    <!-- type="circle" 空心圆点 -->
    <!-- type="disc" 实心圆点 -->
    <ul type="disc">
        <li>1</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</body>

</html>
敦煌璧画
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
k8s标签选择器使用详解
congge
03-22 8358
k8s标签选择器使用详解
分类与标签
JavaScript
03-05 5783
分类和标签是博客系统的两项功能。分类指用户定义类别并给博文归类。这是很自然地整理文章的方法，所以也成为博客系统的基本功能。后来，互联网上的文章又发展出一种方便友好的特色——标签（Label或Tag）。标签相当于传统文章的关键字和书本的索引，指明的是文章包含的某一点内容或者特色。分类往往是从某一个角度将所有文章讨论的范围分成几个子集。标签则只是反映文章的侧面和特色。两者相互补充，就像一本书既有目录也...
html补充标签
敦煌壁画的博客
10-21 96
html补充标签1 h系列标签：标题标签，默认加粗 h系列标签有h1 h2 h3 h4 h5 h6 ，h1标签有且只有一个。 p标签：段落标签，空一行又一个 strong标签：用于加粗文本 a标签：超链接，双标签 a href=“ ” 里面内容填写需要跳转的链接 img标签：图片标签，单标签 <img scr="" alt=""> scr=“图片路径” alt=”提示文字“ body标签：身体标签，用来展示内容的地方 div标签：容器标签，用来划分内容，可以定义图片的形状 s
HTML知识补充-标签
wendZzoo的博客
08-16 349
目录 1、有序无序列表 （1）有序列表 （2）无序列表 2、图片标签 3、a标签 （1）超链接作用 （2）锚点 （3）拨打电话 （4）发送邮件 4、表单标签 5、选择框 6、下拉框 HTMl和CSS的相关知识在之前就已经学习过了，最近又重温找了相关视频看了一遍，仍然有许多自以为知晓却还是陌生的地方，果然好记性不如烂笔头。此外，一直不知道HTMl全称为hyperText m...
对video标签下载按钮隐藏等几点补充说明
hangGe0111的博客
07-23 1686
1.正常情况下，一个video标签应该有 “暂停/播放”、“进度条”、“播放进度/播放总时长”、“声音大小控制”、“全屏/非全屏”、“下载按钮”，这些都应该有，但有时候我们需要隐藏一些按钮，例如将下载按钮隐藏等 （1）正常状态：（超出部分，如果不给隐藏，则会显示） （2）如果给了隐藏，就不会展示 2.代码部分 （1）html &lt;div class="video_wrap"...
TSC TTP-244 Pro标签打印机安装说明
shujuliu2009的博客
01-20 1万+
TSC TTP-244 Pro标签机安装说明 TSC TTP-244 Pro 外观 机器两侧分别有个按钮，打开机器顶盖，如图圆圈位置。 打开顶盖后演示 用手指把前端往上拉，如图画圈位置。 安装碳带和标签纸，碳带具体安装参看后面二维码视频教程。 左侧碳带滚轴方向样式，安装时注意！！ 标签纸安装，从“碳带”字样下方穿过，下方有标签定位器。 注意定位扣调至标签纸大小合适位置 标签纸安装完毕演示，这一步很重要，不...
MyBatis全部标签与解释说明
唐_方的博客
05-30 2411
前言 主要介绍的是Mybatis中mapper里面的标签说明 定义SQL语句 select标签，insert标签，update标签，delete标签 配置Java对象属性与查询结果集中列名对应关系 resultMap标签 控制动态SQL拼接 if标签，foreach标签，choose标签 where标签，set标签，trim标签 配置关联关系 association标签，collection标签 定义变量 sql标签，include标签
Mybatis中Mapper标签总结大全
热门推荐
cwx397562的博客
09-02 1万+
文章目录一、标签分类二、标签总结1. 基础SQL标签1.1 查询select1.2 增删改1.3 其他基础标签1.3.1 sql 标签1.3.2 include 标签1.3.3 if 标签1.3.4 别名2. collection与association标签3. resultMap标签 4. foreach标签5. where标签6. set标签7. trim标签8. choose、when、ot...
span标签使用说明
阿土专栏
07-21 7308
此处 display:block; 一定要加上，否则，span不起作用 如果要定义span居中，必须先让span成块级元素显示，也就是说，要先定义span的display:block;属性，然后再给span添加边距属性margin:0px auto;这样就能达到你想要的效果了。span的属性很多，几乎所有标签的属性都可以定义在span上，只是很多属性都必须在span成块级元素时菜其作用，span
html模板标签
ch206265的博客
03-08 5781
在VS code中写html文档时，一般会先用快捷方式生成html的基本框架，即html模版。这些自动生成的标签，比较多地出现在`head`内，好多老师讲解的时候都会让我们先不用管这些代码，但是自己又很好奇，所以搜集了一些资料，毕竟知识之间都是有联系的，一个很细微的点深究下去可能都是无底洞，所以现做如下整理，当然若以后有了更多了解还会再做补充：
动态标签产品说明（外部）.docx
04-10
产品的主要目标客户是有互联网广告投放需求的企业，尤其是那些已经拥有IMEI或IDFA数据，并希望通过补充标签信息来提升营销效果的数据服务商。动态标签产品提供了丰富的标签列表，以满足不同行业的定制化需求。 产品...
总结与补充说明1
08-04
补充说明部分，提到了未在小册中详述的Node.js和前端框架。Node.js作为前端开发者扩展技能的工具，涉及到的知识包括开发环境设置、npm操作、基础API、事件和异步处理、文件系统、网络编程、异常处理等。Node.js可以...
消毒产品标签说明书通用要求.pdf
11-02
【消毒产品标签说明书通用要求】 GB 38598《消毒产品标签说明书通用要求》标准规范了消毒产品的标签和说明书内容，旨在保障消费者的安全使用和知情权。其中，7.1h条款针对抗（抑）菌制剂的标签进行了修订，要求明确...
AspCMS标签工具
07-15
1. **标签检索与展示**：提供一个清晰的标签库，用户可以方便地找到所需标签，并查看其使用方法和参数说明。 2. **代码自动生成**：用户在选择所需的标签后，工具能够自动生成对应的代码段，直接复制到模板文件中，...
HTML5 新标签全部总汇(推荐)
09-27
2. `<aside>` 标签：通常用来表示与`<article>`内主体内容相关的补充信息，如文章侧边栏、注释或相关链接。它的存在帮助区分主要内容和辅助信息。 3. `<audio>` 标签：用于嵌入音频内容，支持`.ogg`, `.mp3`, 和 `....
html5路由如何在nginx上部署（vite+vue3）
m0_58002043的博客
07-09 336
我们知道前端常用的有Hash 模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location / {}）下部署和在非根地址上（location /admin{}）部署。
HTML5表单的自动验证、取消验证、自定义错误信息
pan_junbiao的博客
07-09 742
通过在元素中使用属性的方法，该属性可以实现在表单提交时执行自动验证的功能。下面是关于对元素内输入内容进行限制的属性的指定。pattern 属性的主要目的是根据表单控件上设置的格式规则验证输入是否为有效格式。通过在 input 元素中使用pattern 属性，并将属性值设为某个格式的正则表达式，该属性实现在提交表单时会检查其内容是否符合给定格式。
探索HTML5的设计原则：引领Web开发的未来方向
最新发布
s8305057的博客
07-09 264
综上所述，HTML5的设计原则体现了对用户体验、内容可访问性、跨平台兼容性以及未来可扩展性的全面考量。这些原则不仅推动了Web技术的不断进步，也为Web开发者提供了更加丰富和强大的工具集。随着HTML5技术的不断成熟和普及，我们有理由相信，Web应用将变得更加智能、高效和人性化，为用户带来前所未有的体验。作为Web开发者，我们应积极拥抱HTML5及其设计原则，不断探索和创新，共同推动Web技术的未来发展。
接上一篇文章，数据字典学习经验基础知识分享
07-09
关于自我学习软件工程数据字典基础知识必备干货分享
专题资料（2021-2022年）html你可能还不知道的一些知识点总结.doc
07-19
另外还有一些常用的标签补充。`<cite>`标签用于标记引用的作品或来源的标题，`<code>`标签用于标记计算机代码，`<sup>`标签用于表示上标，`<sub>`标签用于表示下标，`<pre>`标签用于标记预格式化的文本，等等。这些...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值