关于HTML标签应用教程
简介
HTML（HyperText Markup Language）是用于创建网页结构的标记语言。在本教程中，我们将介绍一些常用的HTML标签，以及它们的用法和示例。
1. HTML基础结构
<!DOCTYPE html>
<html>
<head><title>页面标题</title>
</head>
<body><!-- 这里是页面内容 -->
</body>
</html>
2. 文本标签
<h1> 到 <h6> 标题标签
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
...
<h6>这是六级标题</h6>
<p> 段落标签
<p>这是一个段落。</p>
<strong> 和 <em> 强调标签
<p><strong>加粗文本</strong>和<em>斜体文本</em></p>
3. 链接和图片
<a> 链接标签
<a href="https://www.example.com">点击这里访问示例网站</a>
<img> 图片标签
<img src="image.jpg" alt="图片描述">
4. 列表
无序列表（<ul> 和 <li>）
<ul><li>列表项 1</li><li>列表项 2</li><li>列表项 3</li>
</ul>
有序列表（<ol> 和 <li>）
<ol><li>列表项 1</li><li>列表项 2</li><li>列表项 3</li>
</ol>
5. 表格
<table><tr><th>表头1</th><th>表头2</th></tr><tr><td>数据1</td><td>数据2</td></tr>
</table>
6. 表单
<form> 表单标签
<form><label for="username">用户名：</label><input type="text" id="username" name="username"><br><label for="password">密码：</label><input type="password" id="password" name="password"><br><input type="submit" value="提交">
</form>
7. 多媒体
<audio> 音频标签
<audio controls><source src="audio.mp3" type="audio/mp3">Your browser does not support the audio element.
</audio>
<video> 视频标签
<video controls width="320" height="240"><source src="video.mp4" type="video/mp4">Your browser does not support the video element.
</video>
结语
希望通过本教程，您能更加熟悉和了解HTML标签的应用。不断练习，您将能够更灵活地运用HTML来构建各种网页结构。祝您学习愉快！
相关文章：
关于HTML标签应用教程
简介 HTML（HyperText Markup Language）是用于创建网页结构的标记语言。在本教程中，我们将介绍一些常用的HTML标签，以及它们的用法和示例。 1. HTML基础结构 <!DOCTYPE html> <html> <head><title>页面…...
3. 台阶问题
数楼梯 题目描述 楼梯有 N N N 阶，上楼可以一步上一阶，也可以一步上二阶。 编一个程序，计算共有多少种不同的走法。 输入格式 一个数字，楼梯数。 输出格式 输出走的方式总数。 样例 #1 样例输入 #1 4样例输出 #1 5提示…...
推荐一个 Obsidian 的 ChatGPT 插件
源码地址：https://github.com/nhaouari/obsidian-textgenerator-plugin Text Generator 是目前我使用过的最好的 Obsidian 中的 ChatGPT 功能插件。它旨在智能生成内容，以便轻松记笔记。它不仅可以在 Obsidian 中直接使用 ChatGPT，还提供了优…...
aws的RDS数据库开启慢查询日志
#开启慢日志两个参数 slow_query_log 1 设置为1，来启用慢查询日志 long_query_time 5 （单位秒） sql执行多长时间被定义为慢日志1. 点击RDS然后点击参数组，选择slow_query_log，设置为1【表示开启慢日志】点击保存…...
一文读懂 Python 值传递和引用传递
文章目录 版本前言形参和实参值传递和引用传递Python 变量存储值语义和引用语义值语义引用语义 探讨 Python 值传递和引用传递不可变（immutable）类型可变（mutable）类型案例一案例二 拓展：不可变类型真的不可变…...
Linux进阶——系统安全，重要文件，加固系统的相关配置
目录 引出Linux系统安全一、重要文件二、帐户口令三、权限管理四、日志配置五、服务安全六、其他配置 缓存三兄弟：缓存击穿、穿透、雪崩缓存击穿缓存穿透缓存雪崩 总结 引出 Linux进阶——系统安全，重要文件，加固系统的相关配置 Linux系统安…...
C++三级专项 字符串逆序
输入一串‘！’结束的字符，按逆序输出。 输入 如题述。 输出 如题述。 输入样例 abc! 输出样例 cba解析：strlen(s)用来计算指定的字符串s的长度，不包括结束字符“\0”。 不准直接抄！！！ …...
【iOS ARKit】ARWorldMap
ARWorldMap 用于存储 ARSession 检测扫描到的空间信息数据，包括地标（Landmark）、特征点（Feature Point）、平面（Plane）等，以及使用者的操作信息，如使用者添加的 ARAnchor …...
敏捷开发最佳实践：质量维度实践案例之软硬一体持续交付
在过去的Top敏捷实践案例中，我们可以看到企业或团队在敏捷质量管理上的创新，包括场景化测试、迭代T1自动化覆盖、一套自动用例到处运行、用例持续运行可视化等，而这也进一步促进了价值流动。本文将继续给大家带来全新的质量维度实践案例&…...
PMP证书的含金量如何？
PMP含金量更多的是“敲门砖”作用，公司招聘的门槛，现在坐项目的大部分都需要PMP/NPDP证书。 当然现在PMP管理模式也很热门，对企业发展很有利，各大企业都有引进改良应用在公司的项目上，之前在校友群里面大家在讨论PMP …...
Linux 下安装Jupyter
pip3 install jupyter pip3 install ipython -------------------------------------------- pip3 install jupyterlab jupyter lab pip3 list | grep jupyterlab 启动： python3 -m jupyter lab 2.安装朱皮特 pip3 install -i https://pypi.douban.com/simpl…...
docker 基础（二）
常见命令 Docker最常见的命令就是操作镜像、容器的命令，详见官方文档：https://docs.docker.com/ 数据卷 命令说明文档地址docker volume create创建数据卷docker volume createdocker volume ls创建数据卷docker volume lsdocker volume rm查看所有数…...
LeetCode 刷题 [C++] 第236题.二叉树的最近公共祖先
题目描述 给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为：“对于有根树 T 的两个节点 p、q，最近公共祖先表示为一个节点 x，满足 x 是 p、q 的祖先且 x 的深度尽可能大（一个节点也可以…...
vue3+vite 项目的创建
这里要提醒一下，如果我们要使用 vue3 的组合式api 的写法的话， 那么我们使用的 vue 版本不能低于 vue3.2 版本，不能低于 vue3.2 版本，不能低于 vue3.2 版本 vue2 已停止维护了， 现在全面拥抱vue3 之前用 vue-cli 创建…...
Windows Server 2022 使用ApacheDS用户认证
Windows Server 2022 使用ApacheDS用户认证 参考文档：https://docs.foxpass.com/docs/windows-ldap-auth-with-pgina 安装pGina软件，打开pGina软件 勾选启用LDAP认证，点击Configure 修改LDAP认证信息 点击Gateway，设置只要登…...
【Oracle】Oracle清理日志空间
（一）通过adrci清理日志空间 1.通过find命令查询大数据文件 find / -type f -size 100M 2.登录oracle数据库服务器用户 su - oracle 3.执行故障诊断命令 adrci 4.查询ADR目录 show home 5.切换到对应目录 set homepath diag/rdbms/orcl 6.执行日志清理命令…...
数据抽取平台pydatax介绍--实现和项目使用
数据抽取平台pydatax实现过程中，有2个关键点： 1、是否能在python3中调用执行datax任务，自己测试了一下可以，代码如下： 这个str1就是配置的shell文件 try:result os.popen(str1).read() except Exception as …...
容易发生内存泄漏的八个场景，你都知道吗？
内存泄漏与内存溢出 JVM在运行时会存在大量的对象，一部分对象是长久使用的，一部分对象只会短暂使用 JVM会通过可达性分析算法和一些条件判断对象是否再使用，当对象不再使用时，通过GC将这些对象进行回收，避免资源被用…...
掌握 Vue3 中的 setup 函数
Vue.js 经历了从 Vue 2 到 Vue 3 的重大变革，带来了许多引人注目的新特性和性能优化。其中，setup函数无疑是最引人瞩目的新星之一。 一、概览 setup函数是 Vue 3 引入的一个新的组件选项，作为组合式 API 中心，它允许开发者在一个…...
BUUCTF AWD-Test1
打开靶场是这个有些简陋的界面。 随便点点，找到这个东西。 看到ThinkPHP，思路瞬间清晰，老熟人了。这个就是ThinkPHP漏洞。根据版本我们去找一下poc。 /index.php/?sIndex/\think\View/display&content%22%3C?%3E%3C?php%20phpinfo();…...
基于大模型的 UI 自动化系统
基于大模型的 UI 自动化系统 下面是一个完整的 Python 系统，利用大模型实现智能 UI 自动化，结合计算机视觉和自然语言处理技术，实现"看屏操作"的能力。 系统架构设计 #mermaid-svg-2gn2GRvh5WCP2ktF {font-family:"trebuchet ms",verdana,arial,sans-…...
线程同步：确保多线程程序的安全与高效！
全文目录： 开篇语前序前言第一部分：线程同步的概念与问题1.1 线程同步的概念1.2 线程同步的问题1.3 线程同步的解决方案 第二部分：synchronized关键字的使用2.1 使用 synchronized修饰方法2.2 使用 synchronized修饰代码块 第三部分ÿ…...
基于服务器使用 apt 安装、配置 Nginx
🧾 一、查看可安装的 Nginx 版本 首先，你可以运行以下命令查看可用版本： apt-cache madison nginx-core输出示例： nginx-core | 1.18.0-6ubuntu14.6 | http://archive.ubuntu.com/ubuntu focal-updates/main amd64 Packages ng…...
SpringBoot+uniapp 的 Champion 俱乐部微信小程序设计与实现，论文初版实现
摘要 本论文旨在设计并实现基于 SpringBoot 和 uniapp 的 Champion 俱乐部微信小程序，以满足俱乐部线上活动推广、会员管理、社交互动等需求。通过 SpringBoot 搭建后端服务，提供稳定高效的数据处理与业务逻辑支持；利用 uniapp 实现跨平台前…...
NLP学习路线图（二十三）：长短期记忆网络（LSTM）
在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...
安宝特案例丨Vuzix AR智能眼镜集成专业软件，助力卢森堡医院药房转型，赢得辉瑞创新奖
在Vuzix M400 AR智能眼镜的助力下，卢森堡罗伯特舒曼医院（the Robert Schuman Hospitals, HRS）凭借在无菌制剂生产流程中引入增强现实技术（AR）创新项目，荣获了2024年6月7日由卢森堡医院药剂师协会࿰…...
Ubuntu Cursor升级成v1.0
0. 当前版本低 使用当前 Cursor v0.50时 GitHub Copilot Chat 打不开，快捷键也不好用，当看到 Cursor 升级后，还是蛮高兴的 1. 下载 Cursor 下载地址：https://www.cursor.com/cn/downloads 点击下载 Linux (x64) ，…...
沙箱虚拟化技术虚拟机容器之间的关系详解
问题 沙箱、虚拟化、容器三者分开一一介绍的话我知道他们各自都是什么东西，但是如果把三者放在一起，它们之间到底什么关系？又有什么联系呢？我不是很明白！！！ 就比如说： 沙箱&#…...
热门Chrome扩展程序存在明文传输风险，用户隐私安全受威胁
赛门铁克威胁猎手团队最新报告披露，数款拥有数百万活跃用户的Chrome扩展程序正在通过未加密的HTTP连接静默泄露用户敏感数据，严重威胁用户隐私安全。 知名扩展程序存在明文传输风险 尽管宣称提供安全浏览、数据分析或便捷界面等功能，但SEMR…...
GraphRAG优化新思路-开源的ROGRAG框架
目前的如微软开源的GraphRAG的工作流程都较为复杂，难以孤立地评估各个组件的贡献，传统的检索方法在处理复杂推理任务时可能不够有效，特别是在需要理解实体间关系或多跳知识的情况下。先说结论，看完后感觉这个框架性能上不会比Grap…...