<!-- 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
1754
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
<!-- H5的声明方式 -->
<!DOCTYPE html>
<br><br><br>
<h4>
<p>©ParisGabriel </p>
<dir>
2018/9/1<br>
QQ:1546079656 <br>
Eminl:1546079656@qq.
目录
相关文章
|
1天前
|
数据采集
Web App开发
存储
打造高效的Web Scraper：Python与Selenium的完美结合
本文介绍如何使用Python结合Selenium，通过代理IP、设置Cookie和User-Agent抓取BOSS直聘的招聘信息，包括公司名称、岗位、要求和薪资。这些数据可用于行业趋势、人才需求、企业动态及区域经济分析，为求职者、企业和分析师提供宝贵信息。文中详细说明了环境准备、代理配置、登录操作及数据抓取步骤，并提醒注意反爬虫机制和验证码处理等问题。
13
1
1
|
1月前
|
JSON
安全
中间件
Python Web 框架 FastAPI
FastAPI 是一个现代的 Python Web 框架，专为快速构建 API 和在线应用而设计。它凭借速度、简单性和开发人员友好的特性迅速走红。FastAPI 支持自动文档生成、类型提示、数据验证、异步操作和依赖注入等功能，极大提升了开发效率并减少了错误。安装简单，使用 pip 安装 FastAPI 和 uvicorn 即可开始开发。其优点包括高性能、自动数据验证和身份验证支持，但也存在学习曲线和社区资源相对较少的缺点。
84
15
15
|
3月前
|
存储
移动开发
前端开发
高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容，旨在提升开发效率、网站性能和用户体验。
86
5
5
|
3月前
|
前端开发
JavaScript
UED
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势，包括样式表优化、DOM操作减少、图像优化等技术，并分析了电商网站的具体案例，强调了技术演进对Web性能的深远影响。
59
5
5
|
3月前
|
前端开发
JavaScript
搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
68
6
6
|
3月前
|
开发者
Docker
Python
|
3月前
|
JSON
前端开发
API
|
3月前
|
监控
安全
测试技术
|
3月前
|
安全
关系型数据库
测试技术
|
3月前
|
安全
测试技术
网络安全
热门文章
最新文章
1
超好看的404提示页面HTML源码
2
可爱狗狗的404动画HTML源码
3
css3 svg制作404页面动画效果HTML源码
4
（html在线预览cad图纸插件）网页CAD绘制条形码、二维码的教程
5
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
6
SurfGen爬虫：解析HTML与提取关键数据
7
网页 HTML 自动播放下一首音乐
8
html5+svg太空人404动画模板源码
9
阿里云CDN边缘脚本示例实现/?p123重定向/p/123.html
10
创意滑板动画404错误提示HTML源码
1
打造高效的Web Scraper：Python与Selenium的完美结合
13
2
Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
26
3
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
20
4
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
54
5
部署使用 CHAT-NEXT-WEB 基于 Deepseek
342
6
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
26
7
java spring 项目若依框架启动失败，启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
40
8
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
28
9
【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
22
10
FastAPI与Selenium：打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
55