HTML页面的基本信息
1、python中生成的html页面,每一段的基本解释,以及header中的应用


2、body中的应用
2.1、a href链接点击baidu直接跳转百度网址,如果需要重新打开一个页面,详情看2.16

2.2、标题标签 <h1>摩羯座</h1>,大小顺序是1最大

2.3、段落标签 <p>段落1放假了</p>,,用F12检查可以发现,通过<p>标签写的可以用颜色展示出来,表示是被处理过的,就是p标签
换行标签<br>,在后续的换行使用中,除了br也可以用块级标签div

自闭和标签:比如<br>,因为只有1个
主动闭合标签,比如<p></p>,因为是成对的
2.4、div标签和span标签
div标签:是块级标签,无论自己有多大,都占满一行,也就是说一个div标签就显示一行,,,,伪白板标签,占满一行
span标签:叫内联标签或行内标签,自己有多大就占多大,也就是说只要一个span标签的内容没有占满一行,下一个span标签就会在后面继续填充,,span是白板标签,没有css的修饰

2.5、加上<p></p>可以展示出标签显示在页面上

2.6、空格nbsp;

2.7、text属性,文本输入框

2.8、密码框apssword,不以明文展示

2.9、多选框checkbox

2.10、单选框radio,记住单选时,一定要加name属性,互斥

2.11、提交表单submit和form使用:重置、submit必须在form里面才能使用,在外面是没有效果的
但是submit连用form使用并不友好,比如填写了一个错误登录的基本信息后,点击提交,会刷新页面,刚刚填写的信息都得重新填

2.12、file上传1个文件或多个文件

2.13、当label和input连用的时候,可以增加input的可点击范围,用过id属性,,点击前面的文案,光标会自动弹到对应的输入框里面去

2.14、多行文本框textarea

2.15、下拉框select

下拉框需要分级时,如下

2.16、超链接标签 <a href=""></a>

2.17、img图片属性标签 <img src="" alt="" title="">

HTML页面的基本信息的更多相关文章
- Tomcat监控—Status页面
原文:http://jingyan.baidu.com/article/925f8cb8f3d925c0dce05677.html 修改配置文件tomcat-users(该文件在Tomcat安装程序根 ...
- Razor 页面解说
自己开始从头深造- 本是想将时间缩短,但发现自己还是很难呀.希望你理解吧,这里的知识 是 页面的基本信息.也页面的跳转关系和 Tag的帮助标签. Section PartView. @page ...
- ASP.NET Core 6框架揭秘实例演示[32]:错误页面的集中呈现方式
由于ASP.NET是一个同时处理多个请求的Web应用框架,所以在处理某个请求过程中出现异常并不会导致整个应用的中止.出于安全方面的考量,为了避免敏感信息外泄,客户端在默认情况下并不会得到详细的出错信息 ...
- 与JSP的初次邂逅……
JSP是可以内嵌在网页中,由服务器端来执行与解释的程序,是一种动态网页技术标准. 在传统的HTML文件(*.htm或*.html)中加入Java程序片段和JSP标记,就构成了JSP网页(*.jsp). ...
- 微信小程序--火车票查询
微信小程序--火车票查询 写在最前面 微信小程序自九月份推出内测资格以来,经历了舆论热潮到现在看似冷清,但并不意味着大家不那么关注或者不关注了.我想不管是否有内测资格,只要是感兴趣的开发者已经进入潜心 ...
- jsp 以及javabean内省技术
l JSP l JavaBean及内省 l EL表达式 1.1 上次课内容回顾 会话技术: Cookie:客户端技术.将数据保存在客户端浏览器上.Cookie是有大小和个数的限制. Session:服 ...
- PythonNote01_HTML标签
>头标签<head> >>位置 头标签要放在头部之间 >>种类 <title> : 指定整个网页的标题,在浏览器最上方显示. <meta&g ...
- d20161012
Milk-run 供应商信息维护 基本信息,电子围栏 外部订单导入[或者录入页面] 订单基本信息,载具信息,物料信息,备注(外协还是华为导入订单,订单内容是否内部投递一样,是否需要导入附加,导入后是否 ...
- Python的平凡之路(14)
一.什么是HTML HTML(Hyper Text Mark-up Language ) 即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出.设计 HTML 语言的目的是 ...
随机推荐
- Es6扩展运算符--三点运算符(...)--展开语法(Spread syntax)
0.看文档呀 关于拓展运算符更详细的解释见 > MDN展开语法 关于剩余参数更详细的解释见 >MDN剩余参数 关于解构赋值更详细的解释见 >MDN解构赋值 直接看上面的文档更好 1. ...
- noip复习——快速幂
\(a ^ n \bmod p\) \(a, p, n \leq 10^9\) 最普通的二进制拆分 #define LL long long LL qpow(LL a, LL n, LL p) { L ...
- excel如何复制筛选内容
https://jingyan.baidu.com/article/ca00d56c75b7e5e99eebcf3c.html
- 【服务器部署】Django+宝塔+Nginx_uwsgi部署
:CentOS安装脚本: yum install -y wget && wget -O install.sh http://download.bt.cn/install/install ...
- java文件的写入和读取(按行)
https://blog.csdn.net/Alexwym/article/details/81078417 https://blog.csdn.net/nickwong_/article/detai ...
- J20航模遥控器开源项目系列教程(二)使用说明 | 遥控器制作完成了,怎么用?
我们的开源宗旨:自由 协调 开放 合作 共享 拥抱开源,丰富国内开源生态,开展多人运动,欢迎加入我们哈~ 和一群志同道合的人,做自己所热爱的事! 项目开源地址:https://github.com/C ...
- Centos7 KVM启用嵌套虚拟化
[root@kvm-hypervisor ~]# cat /etc/modprobe.d/kvm-nested.conf options kvm-intel nested= options kvm-i ...
- Redis的数据类型及使用场景
1.redis 的数据类型 String 字符串 Hash 哈希 List 列表 Set 集合 ZSet(Sorted Set) 有序集合 2.使用场景 2.1 String 用户token 可以用r ...
- Solving the Distal Reward Problem through Linkage of STDP and Dopamine Signaling
郑重声明:原文参见标题,如有侵权,请联系作者,将会撤销发布! Abstract 在巴甫洛夫式和工具性条件下,奖励通常是在奖励触发动作几秒钟后产生的,从而产生了一个被称为“远端奖励问题”的解释难题:如果 ...
- VMD的相关命令(转载)
转载自:http://blog.sina.com.cn/s/blog_b48a7ac30102w6xg.html 自我学习总结: 1.打开VMD main上Extensions中的TkConsole这 ...