当前位置：首页 > news >正文

关于HTML标签应用教程

news 2026/4/16 3:21:53

简介

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>页面…...

编程日记 2024/3/1 18:37:02

3. 台阶问题

数楼梯题目描述楼梯有 N N N 阶，上楼可以一步上一阶，也可以一步上二阶。编一个程序，计算共有多少种不同的走法。输入格式一个数字，楼梯数。输出格式输出走的方式总数。样例 #1 样例输入 #1 4样例输出 #1 5提示…...

编程日记 2024/3/1 18:35:00

aws的RDS数据库开启慢查询日志

#开启慢日志两个参数 slow_query_log 1 设置为1，来启用慢查询日志 long_query_time 5 （单位秒） sql执行多长时间被定义为慢日志1. 点击RDS然后点击参数组，选择slow_query_log，设置为1【表示开启慢日志】点击保存…...

编程日记 2024/3/1 18:30:56

一文读懂 Python 值传递和引用传递

文章目录版本前言形参和实参值传递和引用传递Python 变量存储值语义和引用语义值语义引用语义探讨 Python 值传递和引用传递不可变（immutable）类型可变（mutable）类型案例一案例二拓展：不可变类型真的不可变&#xf…...

编程日记 2024/3/1 18:28:52

Linux进阶——系统安全，重要文件，加固系统的相关配置

目录引出Linux系统安全一、重要文件二、帐户口令三、权限管理四、日志配置五、服务安全六、其他配置缓存三兄弟：缓存击穿、穿透、雪崩缓存击穿缓存穿透缓存雪崩总结引出 Linux进阶——系统安全，重要文件，加固系统的相关配置 Linux系统安…...

编程日记 2024/3/1 18:26:49

C++三级专项字符串逆序

输入一串‘！’结束的字符，按逆序输出。输入如题述。输出如题述。输入样例 abc! 输出样例 cba解析：strlen(s)用来计算指定的字符串s的长度，不包括结束字符“\0”。不准直接抄！！！ …...

编程日记 2024/3/1 18:25:48

【iOS ARKit】ARWorldMap

ARWorldMap 用于存储 ARSession 检测扫描到的空间信息数据，包括地标（Landmark）、特征点（Feature Point）、平面（Plane）等，以及使用者的操作信息，如使用者添加的 ARAnchor …...

编程日记 2024/3/1 18:21:44

敏捷开发最佳实践：质量维度实践案例之软硬一体持续交付

在过去的Top敏捷实践案例中，我们可以看到企业或团队在敏捷质量管理上的创新，包括场景化测试、迭代T1自动化覆盖、一套自动用例到处运行、用例持续运行可视化等，而这也进一步促进了价值流动。本文将继续给大家带来全新的质量维度实践案例&…...

编程日记 2024/3/1 18:19:41

PMP证书的含金量如何？

PMP含金量更多的是“敲门砖”作用，公司招聘的门槛，现在坐项目的大部分都需要PMP/NPDP证书。当然现在PMP管理模式也很热门，对企业发展很有利，各大企业都有引进改良应用在公司的项目上，之前在校友群里面大家在讨论PMP …...

编程日记 2024/3/1 18:18:40

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…...

编程日记 2024/3/1 18:16:38

docker 基础（二）

常见命令 Docker最常见的命令就是操作镜像、容器的命令，详见官方文档：https://docs.docker.com/ 数据卷命令说明文档地址docker volume create创建数据卷docker volume createdocker volume ls创建数据卷docker volume lsdocker volume rm查看所有数…...

编程日记 2024/3/1 18:15:37

LeetCode 刷题 [C++] 第236题.二叉树的最近公共祖先

题目描述给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为：“对于有根树 T 的两个节点 p、q，最近公共祖先表示为一个节点 x，满足 x 是 p、q 的祖先且 x 的深度尽可能大（一个节点也可以…...

编程日记 2024/3/1 18:13:32

vue3+vite 项目的创建

这里要提醒一下，如果我们要使用 vue3 的组合式api 的写法的话， 那么我们使用的 vue 版本不能低于 vue3.2 版本，不能低于 vue3.2 版本，不能低于 vue3.2 版本 vue2 已停止维护了， 现在全面拥抱vue3 之前用 vue-cli 创建…...

编程日记 2024/3/1 18:12:31

Windows Server 2022 使用ApacheDS用户认证

Windows Server 2022 使用ApacheDS用户认证参考文档：https://docs.foxpass.com/docs/windows-ldap-auth-with-pgina 安装pGina软件，打开pGina软件勾选启用LDAP认证，点击Configure 修改LDAP认证信息点击Gateway，设置只要登…...

编程日记 2024/3/1 18:10:30

【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.执行日志清理命令…...

编程日记 2024/3/1 18:08:27

数据抽取平台pydatax介绍--实现和项目使用

数据抽取平台pydatax实现过程中，有2个关键点： 1、是否能在python3中调用执行datax任务，自己测试了一下可以，代码如下： 这个str1就是配置的shell文件 try:result os.popen(str1).read() except Exception as …...

编程日记 2024/3/1 18:07:26

容易发生内存泄漏的八个场景，你都知道吗？

内存泄漏与内存溢出 JVM在运行时会存在大量的对象，一部分对象是长久使用的，一部分对象只会短暂使用 JVM会通过可达性分析算法和一些条件判断对象是否再使用，当对象不再使用时，通过GC将这些对象进行回收，避免资源被用…...

编程日记 2024/3/1 18:06:25

掌握 Vue3 中的 setup 函数

Vue.js 经历了从 Vue 2 到 Vue 3 的重大变革，带来了许多引人注目的新特性和性能优化。其中，setup函数无疑是最引人瞩目的新星之一。一、概览 setup函数是 Vue 3 引入的一个新的组件选项，作为组合式 API 中心，它允许开发者在一个…...

编程日记 2024/3/1 18:05:24

BUUCTF AWD-Test1

打开靶场是这个有些简陋的界面。随便点点，找到这个东西。看到ThinkPHP，思路瞬间清晰，老熟人了。这个就是ThinkPHP漏洞。根据版本我们去找一下poc。 /index.php/?sIndex/\think\View/display&content%22%3C?%3E%3C?php%20phpinfo();…...

编程日记 2024/3/1 18:04:22

AI小白必看！收藏这份「大模型×行业场景」地图，轻松找到你的AI起步点

本文以《大模型与垂直行业综述》为基础，提供了一张「大模型行业场景」地图，帮助企业认清AI项目方向、起步点和潜在风险。文章建议从「低价值低投入」场景入手，如内容生产、数字人视频等，积累经验后再逐步挑战高价值项目。同时…...

编程新知 2026/4/16 2:44:21

AEUX终极指南：5分钟掌握Figma/Sketch到After Effects的无缝转换

AEUX终极指南：5分钟掌握Figma/Sketch到After Effects的无缝转换【免费下载链接】AEUX Editable After Effects layers from Sketch artboards 项目地址: https://gitcode.com/gh_mirrors/ae/AEUX 如果你是一名UI/UX设计师或动效设计师，一定经历过…...

编程新知 2026/4/16 1:53:57