快速回顾-HTML5

HTML5-常用的标签:https://blog.csdn.net/TKOP_/article/details/111395865

<!-- HTML5:声明文档类型的标签 -->
<!DOCTYPE html><!-- 用于声明网页的主要语言为简体中文 -->
<!-- 帮助搜索引擎、浏览器等理解网页的语言内容,以便进行相关的处理,例如语音朗读、拼写检查等 -->
<html lang="zh-CN"><head><!-- <meta> 标签定义关于 HTML 文档的元数据。元数据是关于数据的数据(信息)。 --><meta charset="UTF-8"> <!-- 用于指定网页所使用的字符编码为 UTF-8,字符编码决定了网页如何解释和显示文本字符 --><meta name="description" content="Web教程"> <!-- 用于描述网页的内容,例如:网页描述为:"Web教程" --><meta name="keywords" content="HTML, CSS, JavaScript"> <!-- 用于描述网页的关键词,例如:关键词为:"HTML, CSS, JavaScript" --><meta name="author" content="Ander"> <!-- 用于指定网页的作者,例如:作者为:"Ander" --><meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 用于指定网页的显示模式,width=device-width 表示宽度为设备宽度,initial-scale=1.0 表示初始缩放比例 --><meta http-equiv="refresh" content="30"> <!-- 用于指定网页的刷新时间,30 表示 30 秒后刷新页面 --><!-- 为页面上的所有链接指定默认 URL 和默认目标 --><base href="https://www.w3school.com.cn/" target="_blank"><!-- 用于指定网页的标题,搜索引擎会根据网页的标题来给网页进行排名,title 标签的内容会显示在浏览器的标题栏上 --><title> 快速复习HTML5 </title><!-- 引入CSS样式 --><link rel="stylesheet" href="./test.css"><!-- 自定义CSS样式 --><style>.inline-block {display: inline-block;}.font-red {color: red;}#abc {color: blue;}</style></head><body><!-- 标题 --><h1 id="abc">标题1</h1><h2>标题2</h2><h6>标题6</h6><!-- 段落 --><p class="inline-block font-red">这是一个段文本</p><!-- 换行/空行 --><br /><!-- 样式 --><p style="width: 300px;height: 60px;background-color: black;color: red;">样式示例</p><!-- 超链接 --><a href="https://www.baidu.com">这是超链接</a><!-- 图片 --><img src="./img-0" alt="A dog"><!-- 表格 --><table border="1"><tr><th>表头1</th><th>表头2</th><th>表头3</th></tr><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></table><!-- 无序列表 --><ul><li>xxx</li><li>xxx</li><li>xxx</li></ul><!-- 有序列表 --><ol><li>xxx</li><li>xxx</li><li>xxx</li></ol><!-- 定义列表 --><dl><dt>咖啡</dt><dd>黑咖啡</dd><dd>冰糖咖啡</dd><dd>岷山咖啡</dd><dd>血色咖啡</dd><dt>西瓜</dt><dd>冰镇西瓜</dd><dd>蓝莓西瓜</dd></dl><!-- 块级元素和内联元素 --><div style="background-color: pink;">我是常用的块级元素</div><span style="background-color: green;">我是常用的内联元素</span><!-- 在网页内部插入外部网页,以iframe标签显示 --><iframe src="https://www.w3school.com.cn/" frameborder="0" width="960px" height="600px">This is a website ofW3school</iframe><script src="./test.js"></script><script>document.querySelector('a').style.textDecoration = 'none'</script>
</body></html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/52099.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

十一 面向对象技术(考点篇)试题

A &#xff1b;D&#xff0c;D。实际答案&#xff1a;C&#xff1b;D&#xff0c;D 考的很偏了。UML 2.0基础结构的设计目标是定义一个元语言的核心 UML 2.0 【InfrastructureLibrary】,通过对此核心的复用&#xff0c;除了可以定义一个自展的UML元模型&#xff0c;也可以 Infr…

基于IP子网的VLAN典型配置举例(H3C,其他厂商同理)

基于IP子网的VLAN典型配置举例 1. 组网需求 如下图所示&#xff0c;办公区的主机属于不同的网段192.168.5.0/24和192.168.50.0/24&#xff0c;Device C在收到来自办公区主机的报文时&#xff0c;根据报文的源IP地址&#xff0c;使来自不同网段主机的报文分别在指定的VLAN中传…

7、Django Admin删除默认应用程序

admin文件 from django.contrib.auth.models import User, Groupadmin.site.unregister(User) admin.site.unregister(Group) 显示效果&#xff1a; 前 后

基于FreeRTOS的STM32多功能手表

前言 项目背景 项目演示 使用到的硬件 项目原理图 目前版本实现的功能 设计到的freertos知识 实现思路 代码讲解 初始化GPIO引脚、配置时钟 蜂鸣器初始化以及软件定时器创建 系统默认创建的defaultTaskHandle 创建七个Task&#xff0c;代表七个功能 ShowTimeTask …

2024.9自然语言及语言处理设计开发工程师专项培训通知!

为进一步贯彻落实中共中央印发《关于深化人才发展体制机制改革的意见》和国务院印发《关于“十四五”数字经济发展规划》等有关工作的部署要求&#xff0c;深入实施人才强国战略和创新驱动发展战略&#xff0c;加强全国数字化人才队伍建设&#xff0c;持续推进人工智能从业人员…

Epoll 用法

Epoll 监听 EPOLL_CTL_DEL EPOLL_CTL_ADD epoll_event event event.events event.data.fd

双指针(3)_快慢指针_快乐数问题

个人主页&#xff1a;C忠实粉丝 欢迎 点赞&#x1f44d; 收藏✨ 留言✉ 加关注&#x1f493;本文由 C忠实粉丝 原创 双指针(3)_快慢指针_快乐数问题 收录于专栏【经典算法练习】 本专栏旨在分享学习C的一点学习笔记&#xff0c;欢迎大家在评论区交流讨论&#x1f48c; 目录 1.…

STM32F1 HAL库笔记0

参考UM1850 Description of STM32F1 HAL and low-layer drivers 1、STM32Cube 包括&#xff1a; • STM32CubeMX&#xff0c;图形软件配置工具&#xff0c;使用图形向导生成 C 初始化代码。 • 嵌入式软件平台&#xff0c;按系列提供&#xff08;例如用于STM32F1的STM32CubeF…

Android Studio gradle下载太慢了!怎么办?(已解决)

Android Studio&#xff01;你到底干了什么&#xff1f;&#xff01; 不能高速下载gradle&#xff0c;我等如何进行app编程&#xff1f;&#xff01; 很简单&#xff0c;我修改gradle地址不就是了。 找到gradle-wrapper.properties文件 修改其中distributionUrl的地址。 将 ht…

本地电脑交叉编译ffmpeg 到 windows on arm64

本地电脑交叉编译ffmpeg 到 windows on arm64 我这里有编译好的win on arm 的 ffmpeg : https://github.com/wmx-github/ffmpeg-wos-arm64-build 使用 llvm-mingw 工具链 https://github.com/mstorsjo/llvm-mingw/releases 前缀 aarch64-w64-mingw32- 这个库是ubuntu 交叉编译…

ES配合高德地图JS-API实现地理位置查询

目录 实现功能点 技术选型 具体实现 Vue3整合高德地图JS API-2.0 添加商户&#xff1a;前端 添加商户&#xff1a;后端/ES 查询用户当前地理坐标 获取附近&#xff08;指定距离&#xff09;的商户 总结/测试Demo代码地址 测试概述&#xff1a;用户使用高德地图组件获取商户…

SpringBoot2:学SpringBoot前的知识准备-用IDEA创建传统的webapp工程,并整合SpringMVC

1、IDEA创建工程 基于Maven模板创建的SpringMVC工程 工程创建好后&#xff0c;只有webapp目录 这里&#xff0c;我们需要手动创建java目录和resources配置文件目录 创建好后&#xff0c;配置下目录属性 最终结构 至此&#xff0c;工程就创建好了 2、配置Tomcat 参考&am…

论文笔记:2023顶会SIGIR - Strategy-aware Bundle Recommender System

论文笔记&#xff1a;2023顶会SIGIR - Strategy-aware Bundle Recommender System

【Python报错已解决】`Provisional headers are shown Learn more`

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏: 《C干货基地》《粉丝福利》 ⛺️生活的理想&#xff0c;就是为了理想的生活! 文章目录 引言&#xff1a;一、问题描述&#xff1a;1.1 报错示例&#xff1a;1.2 报错分析&#xff1a;1.3 解决思路&#xff…

145. 利用 Redis Bitmap实践: 用户签到统计

文章目录 一、Redis Bitmap简介二、Bitmap 的主要应用三、Go使用Redis实现签到统计用户签到查询用户签到状态统计今年累计签到天数统计当月的签到情况 总结 在现代应用程序中&#xff0c;用户签到是一个常见的功能。我们通常使用 MySQL 数据库来存储用户的签到记录。然而&#…

智能家居系统(基于STM32F103C8T6标准库+FreeRTOS+Qt串口开发实现)

视频演示&#xff1a;基于STM32F103C8T6标准库FreeRTOSQt串口开发实现的智能家居项目_哔哩哔哩_bilibili 基于STM32F103C8T6标准库FreeRTOSQt串口开发实现的智能家居项目: https://pan.baidu.com/s/1f41gAfOOnlcQoKoMx3o84A?pwd6j2g 提取码: 6j2g 注&#xff1a;本项目为学习完…

Windows I/O系统

硬件存储体系 寄存器 处理器内部定义的存储体&#xff0c;它们除了存储功能&#xff0c;往往还兼有其他的能力&#xff0c;比如参与运算&#xff0c;地址解析&#xff0c;指示处理器的状态&#xff0c;等等。寄存器是由处理器内部专门的触发器电路实现的&#xff0c;处理器往…

自动驾驶坐标转换(代码)

文章目录 1. lidar2ego 和 lidar2cam1.1 lidar2ego1.2 lidar2cam1.3 cam2img2. bev和ego的转换2.1 ego2bev2.2 bev2ego3 3d和2d坐标转换4 车道线插值5 车道线点的过滤6 畸变校正7 绘图7.1 3D lane7.2 绘制2d点1. lidar2ego 和 lidar2cam 1.1 lidar2ego 从.json标注文件中,解…

2024年高教杯国赛(B题)数学建模竞赛解题思路|完整代码论文集合

我是Tina表姐&#xff0c;毕业于中国人民大学&#xff0c;对数学建模的热爱让我在这一领域深耕多年。我的建模思路已经帮助了百余位学习者和参赛者在数学建模的道路上取得了显著的进步和成就。现在&#xff0c;我将这份宝贵的经验和知识凝练成一份全面的解题思路与代码论文集合…

C#基础(2)枚举

前言 我们其实在前面已经了解过枚举到底有什么作用&#xff0c;但是那毕竟是概念性的语言&#xff0c;理解起来很抽象&#xff0c;今天我们会具体来讲一讲枚举&#xff0c;并谈一谈它的应用。 希望你能从今天的C#基础中有所收获。 基本概念 1.枚举&#xff1a;是一个比较特…