基本标签
加粗
斜体
下划线
删除
段落标签
标题1
标题2
标题3
标题4
标题5
标题6
---换行
---水平线基本标签
标题1
标题2
标题3
标题4
标题5
标题6
加粗
斜体
下划线
删除
基本标签
特殊字符
空格
> >
< <
& &
¥ ¥
版权 ©
注册 ®
特殊标签空 格
<2
>1
&
©
®
¥
特殊标签
div标签和span标签
div标签用来定义一个块级元素,并没有实际的意义。主要通过CSS样式为其赋予不同的表演。
span标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表演。
块级元素与行内元素的区别:
所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的
注意:
关于标签的嵌套通常块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
p标签不能包含块级标签,p标签也不能包含p标签。
a标签
超链接标签
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。
====
url
什么是url?
url是统一资源定位器的缩写,也被称为网页地址,是因特网上标准的资源的地址。
url地址由4部分组成
第一部分:为协议:http:// 、 ftp://等
第二部分:为站点地址:可以是域名或IP地址
第三部分:为页面在站点中的目录:stu
第四部分:为页面名称,例如 index.html
各部分之间用 / 符号隔开
href属性指定目标网页地址。该地址可以有几种类型:
1.绝对URL 指向另一个站点
2.相对URL 指当前站点中确切的路径
3.锚URL 指向页面中的锚
target
1._blank表示在新标签页中打开目标网页
2._self表示在当前标签页中打开目标网页
列表
无序列表
无序列表- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
无序列表
type属性
disc(实心圆点,默认值)
circle(空心圆圈)
square(实心方块)
none(无样式)
有序列表
有序列表- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
有序列表
type属性
1数字列表,默认值
A大写字母
a小写字母
I大写罗马
i小写罗马
标题列表
标题列表-
标题1
- 内容1
- 内容2
- 内容3 标题2
- 内容1
- 内容2
- 内容3
标题列表
表格
表格序号姓名爱好
1张三睡觉2李四表格
表格是一个二维数据空间,一个表格由若干个行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其他的表格等内容。
表格最重要的目的是显示表格类数据。表格类数据是指最合适组织为表格格式(即按行和列组织)的数据。
属性
border:表格边框
cellpadding:内边框
cellspacing:外边框
width:像素 百分比(最高通过CSS来设置长宽)
rowspan:单元格竖跨多少行
colspan:单元格横跨多少列(即合并单元格)
form
功能:
表单用于向服务器传输数据,从而实现用户与web服务器的交互
表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含textarea、select、fieldset和label标签
表单属性
accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)
action 规定向何处提交表单的地址(URL)(提交页面)。
autocomplete 规定浏览器应该自动完成表单(默认:开启)。
enctype 规定被提交数据的编码(默认:url-encoded)。
method 规定在提交表单时所用的HTTP方法(默认:GET)。
name 规定识别表单的名称(对于 DOM使用:document.form.name)。
novalidate 规定浏览器不验证表单
target 规定action属性中地址的目标(默认:_self)。
元素会根据不同的type属性,变化为多种形态。
text 单行输入文本
password 密码输入框
date 日期输入框
checkbox 复选框
radio 单选框
submit 提交按钮
reset 重置按钮
button 普通按钮
hidden 隐藏输入框
file 文本选择框
属性:
name :表单提交时的'键',注意和id的区别
value:表单提交对应项的值
type='button','reset','submit'时,为按钮上显示的文本的内容
type='text','password','hidden'时,为输入框的初始化
type='checkbox','radio','file',为输入相关联的值
checked:radio和checkbox默认被选中的项
readonly:text和password设置只读
disabled:所有input均适用
select标签
属性
multiple:布尔属性,设置后为多选,否则默认单选
disabled:禁用
selected:默认选中该项
value:定义提交时的选项值
label标签
定义:标签为input元素定义标签(标记)
说明:
1.label元素不会向用户呈现任何特殊效果。
2.标签的for属性值应当与相关元素的id属性值相同。
textarea多行文本
属性说明:
name:名称
rows:行数
cols:列数
disabled:禁用
form表单注意事项:
action
method默认是get
enctype数据编码格式
form表单获取用户输入的标签都必须有name属性
form提交数据必须借助于input标签type类型等于submit按钮才能触发提交效果
注册表单username:
password:
gender:
男
女
hobby:
篮球
足球
排球
birthday:
省市:
上海
北京
苏州
市区:
黄浦区
静安区
浦东区
吴中区
相城区
姑苏区
自我介绍:
上传文件:
注册表单
from flask import Flask, request, redirect
# 实例化flask对象
app = Flask(__name__)
# 定义项目路由
@app.route('/reg', methods=['GET', 'POST'])
def reg():
print(request.form)
print(request.files)
obj = request.files['my_file']
obj.save('a.txt')
return '收到了!'
if __name__ == '__main__':
app.run()
flask
HTML常用标签-<;head>;内常用标签
HTML常用标签-
内常用标签 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML是什么 1>.超文本标记语言(Hypertext Ma ...day45——html常用标签、head内常用标签
day45 MySQL内容回顾 数据库 DBMS mysql -RDBMS 关系型 数据库分类 关系型:mysql\oracle\sqlserver\access 非关系型:redis,mongodb ...
ThinkPHP中的内置标签
ThinkPHP中的内置标签 1.内置标签分类 闭合标签 开放标签 2.包含文件标签 主要功能:实现对文件的包含(类似于re ...
Thinkphp中的内置标签用法
Thinkphp中的内置标签有:Volist,Foreach,For,Switch,比较标签,范围判断标签,IF,Present,Empty,Defined,Assign,Define,标签嵌套,im ...
HTML meta标签的用法及head中的一些常用标签
meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信 ...
前端学习笔记之HTML body内常用标签
阅读目录 一 HTML语义化 二 字符实体 三 h系列标签 四 p标签 五 img标签 六 a标签 七 列表标签 八 table标签 九 form标签 一 HTML语义化 body中的标签是会显示到浏 ...
ThinkPHP 模版中的内置标签
内置标签就是模版引擎提供的一组可以完成控制.循环和判断功能的类似HTML语法的标签. 一.判断比较: 1.if标签进行条件判断 //if语句的完整格式
HTML中那些不常用标签
先思考一个问题:为什么H5里面又多了那么多看似没用的标签? 我们知道,
unity中 TextMeshPro 的常用标签
这个第二和第三个写反了. 例子10中的123标签需要用到另一个字体,详情看 TextMeshPro 的官方示例10.
随机推荐
如何装出高逼格的64位win7系统
自从有了ghost这个玩艺儿,装系统就不再是什么技术活了,但是一直崇尚纯净.原生.DIY的挨踢男来说,这种千篇一律的系统从来都不是他们想要的.为了榨干硬件的每一滴性能,发挥软件的最大效果,他们喜欢折腾 ...
[.net 面向对象编程基础] (11) 面向对象三大特性——封装
[.net 面向对象编程基础] (11) 面向对象三大特性——封装 我们的课题是面向对象编程,前面主要介绍了面向对象的基础知识,而从这里开始才是面向对象的核心部分,即 面向对象的三大特性:封装.继承. ...
Atitit &#160;发帖机实现(1)-----UsrQBm2008 页面上下文规范
Atitit 发帖机实现(1)-----UsrQBm2008 页面上下文规范 1.1. 网站绝对路径,页面绝对路径1 1.2. Java的javax.servlet.ServletContext1 ...
区别和详解:jQuery extend()和jQuery.fn.extend()
1.认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部 ...
Linux神器之Strace的实践(Ubuntu上服务幽灵般的消失)
不论是运维,还是开发,面对Linux系统,时常会因为配置参数或者系统的权限(iptables限制端口,selinux拦截,文件目录权限等)原因出现程序或者服务异常,无法启动等等.特别是在Linux的文 ...
ASP获取当前页面带参数的网址(URL地址)的方法
'获取当前Url参数的函数 Function GetUrl() Dim ScriptAddress,Servername,qs ScriptAddress = CStr(Request.ServerV ...
【性能测试】【Jmeter】学习(1)
2013/8/6开始阅读Jmeter文档 2013/8/7总结 监听器——CSV Data Set Config 在Jmeter中添加一个CSV配置原件 CSV配置原件添加方法:(右键点击某一个操作步 ...
POJ-1088 Skiing(记忆化搜索)
Description Michael喜欢滑雪百这并不奇怪, 因为滑雪的确很刺激.可是为了获得速度,滑的区域必须向下倾斜,而且当你滑到坡底,你不得不再次走上坡或者等待升降机来载你.Michael想知道 ...
身份验证cookies和Token
后端服务器有两种基本的身份验证:1.是基于Cookie的身份验证,使用服务器端的cookie来对每次请求的用户进行身份验证.2. 较新的方法,基于令牌Token的认证,依赖于被发送到服务器上每个请求的 ...
Fire Net HDU
Fire Net Time Limit : 2000/1000ms (Java/Other) Memory Limit : 65536/32768K (Java/Other) Total Subm ...