Python全栈 Web(HTML标签大全)

简介: <!-- H5的声明方式 --> <!DOCTYPE html> <br><br><br> <h4> <p>©ParisGabriel  </p> <dir> 2018/9/1<br> QQ:1546079656  <br> Eminl:1546079656@qq.


<!-- 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>
        <!-- 空格:&nbsp;<br>
		换行:<br>
		小于:&lt;<br>
		大于:&gt;<br>
		版权符号:&copy;<br>
		人民币:&yen;<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>

相关文章
|
3天前
|
开发框架 JSON API
震撼发布!Python Web开发框架下的RESTful API设计全攻略,让数据交互更自由!
【7月更文挑战第22天】在Python Web开发中,设计高效的RESTful API涉及选择框架(如Flask或Django)、明确资源及使用HTTP方法(GET, POST, PUT, DELETE)来操作数据。响应格式通常是JSON,错误处理也很重要。示例展示了使用Flask创建图书管理API,包括版本控制、文档化、安全性和性能优化是最佳实践。这样的API使数据交互更顺畅。
18 2
|
21小时前
|
JSON API 开发者
惊!Python Web开发新纪元,RESTful API设计竟能如此性感撩人?
【7月更文挑战第24天】在 Python Web 开发领域, RESTful API 设计成为一种艺术, 关注用户体验与开发者友好性。
15 7
|
1天前
|
JSON API 数据格式
深度剖析!Python Web 开发中 RESTful API 的每一个细节,你不可不知的秘密!
【7月更文挑战第23天】在Python Web开发中,RESTful API利用HTTP协议构建强大、灵活的应用。GET获取资源,如`/products/:id`;POST创建新资源;PUT更新;DELETE删除。正确使用状态码,如200、201、404、500,至关重要。JSON化数据与版本控制(如`/v1/products`)增强API实用性。认证(OAuth, JWT)保障安全性,而清晰的错误消息提升用户体验。掌握这些细节,方能设计出高性能、易用的RESTful API。
13 7
|
21小时前
|
JSON API 数据库
从零到英雄?一篇文章带你搞定Python Web开发中的RESTful API实现!
【7月更文挑战第24天】在Python的Web开发领域,掌握RESTful API至关重要。利用Flask框架,可迅速搭建API,进行用户管理的CRUD操作。需先安装Flask (`pip install Flask`),然后定义路由处理GET、POST、PUT、DELETE请求,实现用户数据的检索、创建、更新和删除。
13 5
|
2天前
|
API 数据安全/隐私保护 开发者
Web 开发新风尚!Python RESTful API 设计与实现,让你的接口更懂开发者心!
【7月更文挑战第23天】Python的RESTful API设计在Web开发中流行,提升效率与体验。REST强调HTTP方法(GET, POST, PUT, DELETE)操作资源。使用Flask框架可快速实现API,如管理用户信息。示例代码展示如何创建、读取、更新和删除用户,通过不同HTTP方法和URL路径。实际应用中,增加验证、错误处理和权限控制可增强API的安全性和稳定性。安装Flask后,可运行代码测试API功能。
17 6
|
21小时前
|
JSON API 网络架构
揭秘!Python Web框架下的RESTful API设计,为何成为互联网新宠?
【7月更文挑战第24天】在互联网快速发展背景下,RESTful API以其简洁性和可扩展性成为应用间通信的首选。REST强调资源为核心,利用HTTP方法处理CRUD操作,促进前后端分离,提高开发效率。Python的Flask框架支持轻松构建RESTful API,通过路由、请求和响应机制实现。示例代码展示了如何使用Flask创建、读取和更新用户信息。Python Web框架因其丰富的工具和库,简化RESTful API开发,适应微服务架构需求,在互联网发展中扮演重要角色。
|
1天前
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
3天前
|
安全 API 网络架构
Python RESTful API设计新篇章,打造高效、易用、安全的Web服务接口,你准备好了吗?
【7月更文挑战第22天】在数字化转型中,RESTful API借助Python的Flask和Django REST Framework,提供高效、易用和安全的接口设计。Flask示例展示了简洁的CRUD操作,Swagger等工具增进API文档的易用性,而HTTPS、JWT和输入验证确保安全性。Python RESTful API设计涉及效率、可用性和安全,是不断进化的Web服务接口的关键。准备好踏上这一新篇章了吗?一起探索,创造卓越!
|
3天前
|
JSON API 网络架构
颠覆传统!Python RESTful API设计与实现,让你的Web应用焕发新生!
【7月更文挑战第22天】了解RESTful API为何重要,它简化了Web服务接口并促进了前后端分离。Python开发者可选Flask或Django REST Framework来构建API。设计时注重资源导向、无状态和统一接口。以下是一个使用Flask创建图书管理API的简例,展示了如何通过HTTP方法处理资源操作。本文旨在帮助读者掌握Python RESTful API开发,鼓励创新与实践。
15 0
|
3天前
|
存储 JSON API
实战派教程!Python Web开发中RESTful API的设计哲学与实现技巧,一网打尽!
【7月更文挑战第22天】构建RESTful API实战:**使用Python Flask设计图书管理API,遵循REST原则,通过GET/POST/PUT/DELETE操作处理/books及/books/&lt;id&gt;。示例代码展示资源定义、请求响应交互。关键点包括HTTP状态码的使用、版本控制、错误处理和文档化。本文深入探讨设计哲学与实现技巧,助力理解RESTful API开发。
12 0