<!-- H5的声明方式 -->
<!DOCTYPE html>
<br><br><br>
<h4>
<p>©ParisGabriel </p>
<dir>
2018/9/1<br>
QQ:1546079656 <br>
Eminl:1546079656@qq.com <br>
</dir>
<br><br><br><br><br>
</h4>
<!-- 文档的结束标记 -->
<html>
<!-- 网页的头部信息 -->
<!-- 标题、选项卡图标、关键字、作者、描述等 -->
<head>
<!-- 网页标题 -->
<title>首页</title>
<!-- 字符编码 -->
<meta charset="utf-8">
<!-- 选项卡图标 -->
<link rel="shortcut icon" href="web.ico" type="image/x-icon">
</head>
<p>
<img src="./color.jpg">
</p>
<!-- 网页的主体信息 -->
<!-- 网页所呈现的内容等 -->
<body>
<!-- 空格： <br>
换行：<br>
小于：<<br>
大于：><br>
版权符号：©<br>
人民币：¥<br> -->
空格： <br>
换行：<br>
小于：<<br>
大于：><br>
版权符号：©<br>
人民币：¥<br>
斜体显示：<i>斜体</i><br>
下划线：<u>下划线</u><br>
文本加粗：<b>加粗</b><br>
删除线：<s>删除</s><br>
上标记：<sup>上标</sup><br>
下标记：<sub>下标</sub><br>
标题：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
水平对其方式：
<h4 align="left">默认居右</h4>
<h4 align="center">设置居中</h4>
<h4 align="right">设置居左</h4>
水平线：<hr>
段落：<p></p>
分块：
<div>
这是<br>
一块<br>
元素<br>
</div>
分区：这是<span>绿色</span>、<span>黄色</span>、<span>红色的字体</span>
有序列表：
<!-- type 属性：1、a、A、i -->
<!-- start属性：开始位置 -->
<ol type="1" start="10">
<li>有序列表列表项一</li>
<li>有序列表列表项二</li>
<li>有序列表列表项三</li>
</ol>
<!-- type属性：disc（实心圆）、circle（空心圆）、square（实心方框）、none（不显示） -->
无序列表：
<ul type="square">
<li>无序列表列表项一</li>
<li>无序列表列表项二</li>
<li>无序列表列表项三</li>
</ul>
<!-- 有序列表无序列表可以任意嵌套 -->
图像标签：
<!-- 属性：src（路径）、width、height、title（鼠标悬停标题）、alt(错误提示) -->
<p>绝对路径：</p>
<img src="C:\Users\Administrator\Desktop\HTML标签\501018476.jpg" width="800px" height="430px">
<p>相对路径：</p>
<img src="项目.jpg" alt="文件路径不存在 项目.jpg" title="项目开发流程">
<p>
超链接：
<!-- target属性:_self（默认窗口打开）、_blank（新建窗口打开）-->
<a href="https://www.baidu.com" target="_blank">百度</a>
<a href="C:\Users\Administrator\Desktop\HTML标签\bgvideo-720-2.mp4">视频</a>
<a href="图片.zip">下载</a>
<a name="bottom">设置锚点</a>
<a href="#bottom">链接锚点</a>
</p>
<!-- 表格：<table> -->
<!-- 行标签：<tr> -->
<!-- 单元格：<td> -->
<br>
表格：
<!-- 属性:border(边框)、width、height、align（水平对齐） -->
<!-- cellpadding（内边距）、cellspacing（外边距）、bgcolor（背景色） -->
<table border="1px" width="200px" height="200px" cellspacing="10px" cellpadding="10px">
<!-- 属性：bgcolor、align（水平）、valign（垂直对齐）：top、middle、bottom -->
<tr>
<!-- 属性：width、height、align、valign、bgcolor -->
<!-- colspan（跨行合并单元格）、rowspan（跨列） -->
<td align="center">单元格</td>
<td align="center">单元格</td>
</tr>
<tr>
<td align="center">单元格</td>
<td align="center">单元格</td>
</tr>
</table>
<br>
行分组：
<table border="1px" width="300px" height="300px" cellspacing="10px" cellpadding="10px">
<thead>
<tr>
<td>表头</td>
<td>表头</td>
<td>表头</td>
</tr>
</thead>
<tfoot>
<tr>
<td>表尾</td>
<td>表尾</td>
<td>表尾</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>表主体</td>
<td>表主体</td>
<td>表主体</td>
</tr>
</tbody>
</table>
<br>
合并单元格：
<table border="1px" width="300px" height="300px" cellspacing="10px" cellpadding="10px">
<tr>
<td colspan="2">跨列合并</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td rowspan="2">跨行合并</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
<br>
表单控件：
<!-- 属性：action(指定数据提交地址)、method（请求方式） -->
<form>表单控件</form>
<br>
表单控件：
<form>
<!-- 属性：name（必填自定义名称）、value（控件上的默认值） -->
<!-- maxlength（字符限制）、placeholder（文本框提示文本） -->
文本框：<input type="text" name="utext" placeholder="username"><br>
密码框：<input type="password" name="upaddeord">
</form>
<br>
选择框：
<form>
<!-- 属性：name（用来同名分组）、value（控件代表的值）、checked（默认选择） -->
单选框:<input type="radio" name="radio">
单选框:<input type="radio" name="radio" checked><br>
多选框：<input type="checkbox" name="checkbox">
多选框：<input type="checkbox" name="checkbox">
</form>
<br>
隐藏域:
<frame>
<!-- 属性：name(控件名)、value（控件值） -->
<input type="hidden" name="uname" value="张三"><br>
<!-- 属性：name(控件名称) -->
<br>
文件选择框：<input type="file" name="图谱"><br>
</frame>
<br>
下拉菜单：
<frame>
<!-- 属性：name（URL后拼接数、value（选项值） -->
<select name="province">
<option value="山东">山东省</option>
<option value="山西">山西省</option>
</select>
</frame>
<br><br>
文本域：
<p>
<!-- 属性：name（控件名）、cols（列数）、rows（行数） -->
<textarea name="个性签名" cols="50" rows="10"></textarea>
</p>
按钮：
<p>
<form>
<!-- 属性：value（按钮名） -->
<input type="submit" name="提交按钮" value="提交按钮">
<input type="reset" name="重置按钮" value="重置按钮">
<input type="button" name="普通按钮" value="普通按钮">
</form>
</p>
<!-- 在form外是普通按钮form内默认是提交 -->
<!-- 可以添加属性type：submit、reset、button -->
<p>
<button>
普通按钮
</button>
</p>
点击块：
<form>
<!-- 将文字和单选框之类的小按钮合并 点击文字也能选择 -->
<label for="male">男</label>
<input type="radio" name="gender" value="男" id="male">
<label for="female">女</label>
<input type="radio" name="gender" value="女" id="female">
</form>
</body>
<!-- 文档的结束标记 -->
</html>Python全栈 Web（HTML标签大全）
2018-09-08
1775
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
<!-- H5的声明方式 -->
<!DOCTYPE html>
<br><br><br>
<h4>
<p>©ParisGabriel </p>
<dir>
2018/9/1<br>
QQ:1546079656 <br>
Eminl:1546079656@qq.
目录
相关文章
|
2月前
|
人工智能
数据可视化
Python
在Python中对数据点进行标签化
本文介绍了如何在Python中使用Matplotlib和Seaborn对数据点进行标签化，提升数据可视化的信息量与可读性。通过散点图示例，展示了添加数据点标签的具体方法。标签化在标识数据点、分类数据可视化及趋势分析中具有重要作用。文章强调了根据需求选择合适工具，并保持图表清晰美观的重要性。
64
15
15
|
3月前
|
前端开发
JavaScript
API
Webview+Python：用HTML打造跨平台桌面应用的创新方案
本文系统介绍了使用PyWebView库结合HTML/CSS/JavaScript开发跨平台桌面应用的方法。相比传统方案（如PyQt、Tkinter），PyWebView具备开发效率高、界面美观、资源占用低等优势。文章从技术原理、环境搭建、核心功能实现到性能优化与实战案例全面展开，涵盖窗口管理、双向通信、系统集成等功能，并通过“智能文件管理器”案例展示实际应用。适合希望快速构建跨平台桌面应用的Python开发者参考学习。
311
1
1
|
9月前
|
移动开发
HTML5
|
5月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
139
1
2
|
8月前
|
移动开发
搜索推荐
UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签，通过明确标识内容的结构和意义，使得网页结构更加清晰，易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性，还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中，合理使用这些语义化标签，能够显著提升网页的质量和用户体验。
217
49
49
|
8月前
|
XML
数据采集
数据格式
Python 爬虫必备杀器，xpath 解析 HTML
【11月更文挑战第17天】XPath 是一种用于在 XML 和 HTML 文档中定位节点的语言，通过路径表达式选取节点或节点集。它不仅适用于 XML，也广泛应用于 HTML 解析。基本语法包括标签名、属性、层级关系等的选择，如 `//p` 选择所有段落标签，`//a[@href='example.com']` 选择特定链接。在 Python 中，常用 lxml 库结合 XPath 进行网页数据抓取，支持高效解析与复杂信息提取。高级技巧涵盖轴的使用和函数应用，如 `contains()` 用于模糊匹配。
171
7
8
|
8月前
|
前端开发
JavaScript
搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
140
6
6
|
8月前
|
存储
移动开发
前端开发
高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容，旨在提升开发效率、网站性能和用户体验。
220
5
5
|
8月前
|
前端开发
JavaScript
UED
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势，包括样式表优化、DOM操作减少、图像优化等技术，并分析了电商网站的具体案例，强调了技术演进对Web性能的深远影响。
103
5
5
|
8月前
|
移动开发
编解码
UED
除了 `<audio>` 和 `<video>` 标签，HTML5 还支持哪些多媒体格式？
【10月更文挑战第19天】HTML5对多种多媒体格式的支持，为网页开发者提供了丰富的选择，能够更好地满足不同类型多媒体内容在网页中的展示和交互需求，提升了网页的用户体验和多媒体应用的多样性。
199
1
1
热门文章
最新文章
1
Python构建MCP服务器完整教程：5步打造专属AI工具调用系统
2
抖音直播间采集提取工具，直播间匿名截流获客软件，Python开发【仅供学习】
3
掌握Python装饰器：轻松统计函数执行时间
4
Python f-strings：让字符串格式化更简洁高效！
5
Python列表推导式：简洁高效的数据处理利器
6
Python中的列表推导式：简洁高效的数据处理艺术
7
Python字符串格式化利器：f-strings入门指南
8
Python高效字符串格式化：f-strings的魅力
9
从零复现Google Veo 3：从数据预处理到视频生成的完整Python代码实现指南
10
Python3.14正式支持Free Threaded版本！
1
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
140
2
使用 FastEndpoints 来垂直切割Web API的控制器方法
116
3
基于SqlSugar的开发框架循序渐进介绍（23）-- Winform端管理系统中平滑增加对Web API对接的需求
214
4
开发H5程序或者小程序的时候，后端Web API项目在IISExpress调试中使用IP地址，便于开发调试
150
5
深入PHP：构建高效Web应用的实用指南
94
6
Web安全之XSS跨站脚本攻击
220
7
一文读懂Web Codecs API：浏览器背后的媒体魔术师
165
8
Django视图测试：构建可靠Web应用的关键步骤
73
9
基于SqlSugar的数据库访问处理的封装，在.net6框架的Web API上开发应用
279
10
在Winform项目和Web API的.NetCore项目中使用Serilog 来记录日志信息
446