<!-- 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
1746
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
<!-- H5的声明方式 -->
<!DOCTYPE html>
<br><br><br>
<h4>
<p>©ParisGabriel </p>
<dir>
2018/9/1<br>
QQ:1546079656 <br>
Eminl:1546079656@qq.
目录
相关文章
|
13天前
|
设计模式
前端开发
数据库
Python Web开发：Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用，涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容，并展示了实际代码示例，帮助读者快速掌握Django全栈开发的核心技术。
96
44
44
|
1天前
|
关系型数据库
数据库
数据安全/隐私保护
|
6天前
|
开发框架
前端开发
JavaScript
|
9天前
|
前端开发
API
开发者
Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
在Web开发中，前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例，详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理，全面展示了这两种技术的应用技巧，帮助Python Web开发者提升项目质量和开发效率。
21
1
1
|
12天前
|
移动开发
编解码
UED
除了 `<audio>` 和 `<video>` 标签，HTML5 还支持哪些多媒体格式？
【10月更文挑战第19天】HTML5对多种多媒体格式的支持，为网页开发者提供了丰富的选择，能够更好地满足不同类型多媒体内容在网页中的展示和交互需求，提升了网页的用户体验和多媒体应用的多样性。
29
1
1
|
14天前
|
安全
数据库
开发者
Python Web开发：Django框架下的全栈开发实战
【10月更文挑战第26天】本文详细介绍了如何在Django框架下进行全栈开发，包括环境安装与配置、创建项目和应用、定义模型类、运行数据库迁移、创建视图和URL映射、编写模板以及启动开发服务器等步骤，并通过示例代码展示了具体实现过程。
28
2
2
|
15天前
|
JSON
API
数据格式
如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架
本文介绍了如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架，适合小型项目和微服务。文章从环境准备、创建基本Flask应用、定义资源和路由、请求和响应处理、错误处理等方面进行了详细说明，并提供了示例代码。通过这些步骤，读者可以快速上手构建自己的RESTful API。
24
2
2
|
17天前
|
Kubernetes
网络协议
Python
Python网络编程：从Socket到Web应用
在信息时代，网络编程是软件开发的重要组成部分。Python作为多用途编程语言，提供了从Socket编程到Web应用开发的强大支持。本文将从基础的Socket编程入手，逐步深入到复杂的Web应用开发，涵盖Flask、Django等框架的应用，以及异步Web编程和微服务架构。通过本文，读者将全面了解Python在网络编程领域的应用。
17
1
1
|
17天前
|
安全
数据库
C++
|
8天前
|
Web App开发
测试技术
数据安全/隐私保护
自动化测试的魔法：使用Python进行Web应用测试
【10月更文挑战第32天】本文将带你走进自动化测试的世界，通过Python和Selenium库的力量，展示如何轻松对Web应用进行自动化测试。我们将一起探索编写简单而强大的测试脚本的秘诀，并理解如何利用这些脚本来确保我们的软件质量。无论你是测试新手还是希望提升自动化测试技能的开发者，这篇文章都将为你打开一扇门，让你看到自动化测试不仅可行，而且充满乐趣。
11
0
0
热门文章
最新文章
1
weex-html5 组件进阶
2
使用shell抽取html数据之二
3
HTML6 无 JavaScript 的单页应用引起一片哗然
4
html5 开发android
5
实时显示日期、时间、城市天气（HTML+JS）
6
过滤代码中的html标签
7
HTML DOM 教程Part1
8
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
9
HTML基础加强
10
@Html.ValidationSummary()作用
1
从零到精通，AJAX与Fetch API让你的Python Web前后端交互无所不能！
38
2
颠覆传统！AJAX、Fetch API与Python后端，开启Web开发新篇章！
36
3
从零到一，Django/Flask带你走进Web开发的梦幻世界！
50
4
Django/Flask不只是框架，它们是你Web开发路上的超级英雄！
32
5
`roslibpy`是一个Python库，它允许非ROS（Robot Operating System）环境（如Web浏览器、移动应用等）与ROS环境进行交互。通过使用`roslibpy`，开发者可以编写Python代码来远程控制ROS节点，发布和订阅话题，以及调用服务。
299
6
我们将使用Python的内置库`http.server`来创建一个简单的Web服务器。虽然这个示例相对简单，但我们可以围绕它展开许多讨论，包括HTTP协议、网络编程、异常处理、多线程等。
78
7
Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
59
8
惊艳全场的秘诀！AJAX、Fetch API与Python后端，打造令人惊叹的Web应用！
67
9
深度剖析Django/Flask：解锁Web开发新姿势，让创意无限延伸！
36
10
逆袭之路！Django/Flask助你成为Web开发界的璀璨新星！
49