Python全栈 Web(HTML基础语法)

简介:
超链接标签:
什么是超链接标签?
能够实现从当前文件跳转到其它文件的标签
语法:
<a>超链接文本</a>
属性:
href:
链接地址 #表示当前页面
可以为空“ ”也表示当前但是包含了网络请求 
刷新页面的效果
本地文件协议:
           file:///
target:设置目标文件打开方式
_self:默认当前窗口打开
_blank:新建窗口打开
锚点链接:
链接到当前文件的指定位置
语法:
设置锚点
                               <a name="bottom"></a>
                        链接锚点
                               <a href="#bottom">跳转</a>

表格:
语法:
格标签:
<table> </table>
属性:
border:设置边框(px)
width:宽度
geight:高度
align:水平对齐对齐方式
cellpadding
设置单元格内边距(内容与边框距离)(px)
cellspacing
设置单元格外边距(单元格与单元格、表格之间的距离)(px)
bgcolor:
设置表格背景颜色 取值:英文的单向
标签:
<tr> </tr>  (table row)
属性:
bgcolor:设置当前行背景颜色
align:设置水平对齐方式
valign:设置垂直对齐方式
top:上
middle:中
bottom:下
单元格
<td> </td>   (table data)
属性:
width:单元格的宽度
height:单元格高度
align:水平对齐方式
valign:垂直对齐
bgcolor:背景颜色
创建顺序
创建表格表标签
在表格标内嵌套行标签每个tr代表一行
在标签中创建单元格用来存放数据
<table> 
<tr>
<td>name</td>
<td>age</td>
<td>score</td>
<td>gander</td>
</tr>
</table>
单元格合并
单元格独有的属性:
colspan
合并:
从当前位置开始 横向合并n个单元(包含自身)
合并后要删除当中多余的单元格
rowspan
合并:
从当前位置开始 纵向合并n个单元格(包含自身)
合并后要删除每中多余的单元格
行分组:
允许将表格中若干行划分为一组 便于管理

这些标签可以省略 默认所有行都会添加到tbody中
如果需要手动添加分组, 建议thead --> tfoot --> tbody顺序书写
语法:
表头行分组:
<thead>
<tr></tr>
</thead>
表尾行分组:
<tfoot>
<tr></tr>
</tfoot>
主体行分组:
<tbody>
<tr>
</tr>
</tbody>
表单:
表单二要素:
1.form表单元素:
收集用户信息并发送给服务器
本身是不可见的 但是不能省略 因为数据的提交功能要由form元素完成
语法:
<form>表单控件</form>
属性:
action:用来指定数据提交的目的地址
method:数据请求方式 GET(默认)、POST...
GET请求:
通常用于向服务器端获取数据
提交的数据会以参数的方式拼接在URL后面
安全性较低
提交的数据最大为 2KB
POST
将数据提交给服务器处理
隐式提交 看不到提交的数据
安全性较高
提交数据大小无限制
2.表单控件:
提供能够跟用户交互的可视化控件
只有放在表单元素中的表单控件才允许被提交
分类:
1).
文本框:
语法:
<input type="text">
密码框;
语法:
<input type="password">

*属性:
name
定义当前控件的名称 缺省的话无法提交
value
提交给服务器的值 同时也是默认显示在控件上的值
maxlength:
限时用户输入的最大字符数
placeholder:
用户输入之前显示在输入框中的提示文本
2).
单选框:
<input type="radio">
复选框:
<input type="checkbox">
*属性:
name:
定义控件名称,还起到分组的作用 一组的的按钮名称必须一致
value
设置当前控件的值 最终提交给服务器
checked
设置预选择状态 可以省略属性值或使用“checked”
3).
隐藏域:
需要用户提交给服务器却不需要呈现给用户
语法:
<input type="hidden">
属性:
name:控件名称
value:控件值
文件选择框:
选择文件上传,发送给服务器
语法:
<input type="file"
属性:
name:定义控件名称
4).
下拉选择框:
<select name="province">
<option value="山东省">山东省</option>
<option values="山西省">山西省</option>
</select>
使用 GET方式请求
URL拼接数据为  provide
5). 文本域:
语法:
支持用户输入多行文本
<textarea> </textarea>
属性:
name:控件名
cols:指定文本域默认显示的列数 一行中文显示的英文量 减半
rows:文本域能够显示的函数
文本域可以由用户调整大小
6). 按钮
提交按钮:
<input type="submit">
将表单数据发送给服务器
重置按钮:
<input type="reset">
重置表单 将表单内容初始化
普通按钮:
<input type="button" value="点击">
绑定自定义按钮事件
value:显示按钮的显示值
按钮标签:
<button>按钮提示文本</button>
可以在任何局限中使用 不局限于form
按钮标签使用在 form中默认具有提交功能 --- input submit
可以添加属性type:submit、reset、button
表单外作为普通按钮需要通过js动态绑定事件实现
7).
label for ID
                                          将文字和单选框之类的小按钮合并 点击文字也能选择
语法:
<label for="表单控件的ID"> </label>
<input type="radio" name="gender" value="male" id="male">
相关文章
Python有哪些好用且实用的Web框架?
Python 是一门功能强大的编程语言,在多个领域中得到广泛应用,包括爬虫、人工智能、游戏开发、自动化测试和 Web 开发。在 Web 开发中,Python 提供了多种框架以提高效率。以下是几个常用的 Python Web 框架:1) Django:开源框架,支持多种数据库引擎,适合新手;2) Flask:轻量级框架,基于简单核心并通过扩展增加功能;3) Web2py:免费开源框架,支持快速开发;4) Tornado:同时作为 Web 服务器和框架,适合高并发场景;5) CherryPy:简单易用的框架,连接 Web 服务器与 Python 代码。这些框架各有特色,可根据需求选择合适的工具。
39 14
打造高效的Web Scraper:Python与Selenium的完美结合
本文介绍如何使用Python结合Selenium,通过代理IP、设置Cookie和User-Agent抓取BOSS直聘的招聘信息,包括公司名称、岗位、要求和薪资。这些数据可用于行业趋势、人才需求、企业动态及区域经济分析,为求职者、企业和分析师提供宝贵信息。文中详细说明了环境准备、代理配置、登录操作及数据抓取步骤,并提醒注意反爬虫机制和验证码处理等问题。
打造高效的Web Scraper:Python与Selenium的完美结合
|
2月前
|
课时19:Python的基本语法
今天给大家带来分享的是 Python 的基本语法,分为以下六个部分。 1.在 Python 中严格区分大小写 2.Python 中的每一行就是一条语句,每条语句以换行结束 3.Python 中每一行语句不要过长 4.条语句可以分多行编写,语句后边以\结尾 5.Python 是缩进严格的语言,不要随便写缩进 6.在 Python 中使用#来表示注释
Python 高级编程与实战:深入理解 Web 开发与 API 设计
在前几篇文章中,我们探讨了 Python 的基础语法、面向对象编程、函数式编程、元编程、性能优化、调试技巧以及数据科学和机器学习。本文将深入探讨 Python 在 Web 开发和 API 设计中的应用,并通过实战项目帮助你掌握这些技术。
python基本语法
Python的基本语法简洁而强大,支持多种编程范式,包括面向对象编程和函数式编程。通过掌握变量和数据类型、操作符、控制结构、函数、类和模块等基本概念,可以有效地编写高效、可读的Python代码。无论是初学者还是经验丰富的开发者,Python都提供了丰富的工具和库来满足各种编程需求。
149 13
Python Web 框架 FastAPI
FastAPI 是一个现代的 Python Web 框架,专为快速构建 API 和在线应用而设计。它凭借速度、简单性和开发人员友好的特性迅速走红。FastAPI 支持自动文档生成、类型提示、数据验证、异步操作和依赖注入等功能,极大提升了开发效率并减少了错误。安装简单,使用 pip 安装 FastAPI 和 uvicorn 即可开始开发。其优点包括高性能、自动数据验证和身份验证支持,但也存在学习曲线和社区资源相对较少的缺点。
246 15
Python 的基本语法
这些是 Python 的基本语法要素,掌握它们是学习和使用 Python 的基础。通过不断地实践和应用,你将能够更深入地理解和熟练运用这些语法知识,从而编写出高效、简洁的 Python 代码
251 61
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
94 6
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
80 5
从零开始:使用Docker容器化你的Python Web应用
从零开始:使用Docker容器化你的Python Web应用
225 4

热门文章

最新文章