一周学会HTML----Day03常用标签(下)
form 标签 表单(重要)
表单用途
用于收集用户信息,提交给服务器
基本使用
(action,method,enctype)
要提交的表单必须放到form里
input select textarea 这三种标签可以提交数据
action:提交地址,应该是服务器的一个页面
method:提交方法:get/post了解input delete link unlink
enctype: 文件上传的时候用 multipart/form-data(了解)
__get和post的区别__1) get通过url传参,地址栏可见,大小有限制2)post在header传参,地址栏不可见,大小没有限制
<form action='xxx.html method='get' >
属性:
input属性(type\name\value\readonly\disabled)
name 提交的时候必须要有name
readonly :只读,不能修改
value:默认值
disabled:禁止使用,也不能修改,背景变灰
单行文本框(maxlength\placehoder\size)
type='text'maxlength:最大输入的字符长度
placeholder:占位符
size 输入框宽度(跟字数无关)
提交/重置按钮
提交type='submit' 把数据提交到服务器,本身有name,也可以提交重置type='reset' 清空用户输入,恢复初始状态
value 设置value可以修改按钮上的文字
密码框(同单行文本框)
type='password'
单选框(checked)
多选一的时候各个单选框的name一样
必须要有value
checked 默认选中
复选框(checkbox)
type='checkbox'多个复选框的时候,每一个复选框的name = 'xxx[]'
必须给value的赋值
checked默认选中,可以多个
文件上传
type='file'必须使用post方式上传
隐藏按钮(hidden)
用来上传数据,但不可见,后端根据数据做相应的业务处理
必须给name和value赋值(重要)
button(了解)
type='button' 和js配合使用才有用
下拉框 select(size,name,multiple)
size指定展示的项数,以列表框展示
multiple 多选
option(selected,value)
selected 默认选中,要设置value的值
多行文本输入框textarea(cols,rows)
双标签,但中间不要有任何内容,否则会在输入框中显示
cols 列数
rows 行数
label
双标签,可以提高用户体验,可以扩大选择区域
内容
<form action='http://www.baidu.com' method='get'><input type='text' size='40' maxlength='4' readonly disabled name='text' value='this is a text' placeholder='text'/><input type='radio' name='danxuan' value='dx' checked ><input type='password' minlength='2' maxlength='8' size='40' name='pwd' value='0000'/><input type='submit'/><input type='reset'/><input type='checkbox' name='arr[]'value='0'/><input type='file'/><input type='button' value='按钮'/><input type='hidden' name='hidden' value='hid'/><!-- 相当于submit --><button>按钮</button><select name='xl' multiple size='10'><option selected value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select><textarea cols='10' rows='20'>
</form>
头元素标签
1)链接外部的css样式
<link rel="stylesheet" href="css/global.css">
2)堆积网站关键字,用来提高网站的排名
<meta name="keywords" content=“关键字”>
3)网站的描述信息
<meta name="description" content="描述信息">
4)页面自动跳转
<meta http-equiv="refresh" content="事件间隔";url="跳转地址">
无意义标签
- div:无意义的块标签,单独占一行
- span:无意义行标签,大小有内容决定,不单独占一行
拓展:
我们假设请求www.baidu.com,其实我们的请求体百度服务器是通过三段发给我们的:
- 状态码 (200 成功 )
- 头 发送了很多文件编码、文件类型等
- 内容 就是我们写的页面内容
黑帽SEO
是使用一切不正当的手段,了解搜索引擎的特别,使用相关办法把排名排上去。这样容易被搜索引擎降权(排名靠后)、K站(在搜索引擎当中剔除掉你的搜索内容)。
白帽SEO
使用搜索引擎友好的方式,来进行排名提高
抓取(follow) 就是将当前页面的内容给抓取到,入库
索引(index) 就是访问的当前面面,还会有其他链接,是否准许连接到其他页面
搜索引擎:
给用户看的 前面的结果展示
搜索引擎公司内部使用的:
蜘蛛(抓取网页)
入库
分类
中文分词
人工干预
机器学习
.........
通常公司内部的网站,内部系统,不希望搜索引擎抓取,设置robots.txt,
user-agent:*
Disallow:/
Robots协议百度百科地址
http://baike.baidu.com/view/9274458.htm?fr=aladdin&fromid=9518761&fromtitle=robots.txt&type=search
缓存(cache):
把需要访问的内容临时存起来,
转载于:https://www.cnblogs.com/zhyunfe/p/6200688.html
一周学会HTML----Day03常用标签(下)相关推荐
- HTML常用标签、文本格式化标签:加粗、倾斜、删除线、下划线等
HTML常用标签.文本格式化标签:加粗.倾斜.删除线.下划线等 h1~h6 标题标签 h1最大,h6最小 p 段落标签 br 换行标签 (单标签) hr 水平线 文字加粗 strong 或者 b 文字 ...
- 常用标签以及文本标签(下)
常用标签 无序列表 没有序列的一组内容 (1)语法 <ul> <li>苹果</li> <li>香蕉</li> </ul> (2) ...
- html input 字体颜色_HTML常用标签汇总
点击关注我哦 HTML标签繁多,之前在学习HTML的过程中也确实存在这样的问题,每次有想用的标签都只能通过百度一个个查阅. 网上也存在很多关于HTML常用标签的总结,但是在这里呢我也是想亲手来做这么一 ...
- 从零开始学前端 - 3. HTML 常用标签_2
作者: 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享 每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
- 前端--HTML,常用标签学习
文章目录 一.HTML 1. 概述 2.入门案例 3.使用HBuilder 二.常用标签 1.概述 2. 常用标签 3.表格标签 4.表单标签form 5,无法提交的问题 6.练习表单标签 一.HTM ...
- 八、HTML常用标签
提示:文章写完后,学习常用标签,文本格式化标签. 文章目录 前言 一.文本格式化标签 提示:以下是本篇文章正文内容,下面案例可供参考 一.文本格式化标签 1.文字加粗 <strong>&l ...
- HTML常用标签的基本介绍
二. HTML 1. 了解HTML 我们可以通过查看源代码的形式, 看到制作出来的网页 通过仔细观察网页源代码我们可以知道: 制作网页的语言是用 "<" "> ...
- 从零开始学前端 - 2. HTML常用标签_1
作者: 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享 每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
- Spring Cloud Alibaba基础入门,一周学会基操!
Spring Cloud Alibaba基础入门,一周学会基操! 服务拆分: 1.不同微服务,不要重复开发相同业务 2.微服务数据独立,不要访问其它微服务的数据库 3.微服务可以将自己的业务暴露为接口 ...
最新文章
- 【转发】centos7支持ntfs
- php5.6 64位配置,centos(64位) 安装PHP5.6,配置LNMP
- python电脑推荐_6款Python必备的可视化工具推荐
- 计算机网络——编码和调制
- html5语义化标签 加粗,html5标签 H5标签
- mysql_install_db is deprecated_MySQL5.7源码安装问题汇总
- 大数据之-Hadoop之HDFS_HDFS_基于JAVA的开发_客户端环境准备---大数据之hadoop工作笔记0054
- 服务器监控页面html_Nmon实时监控并生成HTML监控报告
- 【路径规划】基于matlab人工蜂群优化粒子群算法求解最短路径规划问题【含Matlab源码 124期】
- python爬取高考各高校分数线查询_python 爬虫 爬取高考录取分数线 信息
- Android布局之表格布局
- python学习笔记——取矩阵的上三角或下三角元素
- Linux 桌面玩家指南:03. 针对 Gnome 3 的 Linux 桌面进行美化
- Error inflating class androidx.constraintlayout.widget.ConstraintLayout
- ORACLE 19C 单实例数据库安装
- python刷网易云_牛逼了!用Python开发的命令行版网易云音乐,Github获8300颗星!...
- 互联网+双“高新”时代
- 教你快速删除或/替换每个视频文件名中的空格、特殊符号
- 安防天下1——视频监控技术概述及相关基础了解
- 远程FPGA虚拟实验平台用SystemVerilog HDL实现硬布线控制器
热门文章
- pytorch数据处理的操作
- python网管系统_IT外包网管服务,Python密度聚类算法-DBSCAN实践
- 数组索引必须为正整数或逻辑值_Office 365函数新世界——动态数组
- 【五】每个球队胜率统计
- 数组中一个属出现奇数次,其他数都出现偶数次.寻找出这个出现奇数次的数
- 玫瑰花函数matlab,网上收到的用matlab画玫瑰花的代码怎么不行啊,报告错误,求大神...
- charles代理手机调试_H5开发 移动端 调试之 Charles 抓包 和 Map Remote
- Linux C语言编程基本原理与实践
- linux将日期和日历信息追加到文件中_Linux任务调度
- Ubuntu将python2.7默认更改为python3.X版本