请阅读并勾选协议的html,html
a标签默认动作：1.打开页⾯ 2.跳转锚点
html只管内容，css管样式
标签：
a：anchor 标记锚点，超链接。
form：表单，想提交内容时使⽤
input ⽤户输⼊ button ⽤户点击
h1：⼀级标题
p：paragraph 段落
ul： un-ordered list 没有顺序的列表 ul与li(list item)必须配合使⽤ul⼉⼦li
ol：ordered list 有顺序的列表
small：不重要的字
strong：重要的字
div：divide 划分 span：横向划分 要配class 除这两个其他标签有默认样式 保底⽤span？
kbd：keyboard 键盘键
video：⽹页上放视频 audio：⾳频
svg：不规则的图形
img：图⽚ 有alt属性：alternative 标签内可写width、height，先占着空间，防⽌页⾯让后⾯的元素后退。图⽚width、height⼀般都要写
main：主要内容
hr： ⽔平分割线 horizon？ br：强制换⾏
dl：description list 描述列表，描述年龄电话地址等信息。dl中应该包括dt和dd两个标签，分别为description term 和description definition ，⼀个词语⼀个定义
footer：页⾓
只有表⽰⽂档属性的元素可以写到head⾥⾯
meta 后端在http响应中如果不指定content-type，则需要指定(html5似乎不⽤了)
section表⽰章节的意思
标签中有id，其css格式：
例如：
⼀些较难的标签：
iframe标签：
历史遗留项⽬中常⽤，2012年及之前很多使⽤。当前页⾯嵌套其他⽹页
frameborder="0"消除边框
a标签：
1.target属性 可以写以下(不只是 可以与iframe的name结合使⽤
新开⼀个页⾯(喜欢这种
在当前页⾯打开
在⽗亲页⾯打开
在祖宗页⾯打开
2.download属性
下载 点击会下载 ⽽不是展⽰页⾯
还有⼀种情况，http响应中 Content-Type 为application/octet-stream 浏览器就以下载的形式接受此请求，⽽不是展⽰页⾯
3.href
打不开，因为href是⼀个相对路径(qq为⽂件后缀可能)
要⽤： 或https(⽀持的话
QQ也有这种有时是FILE协议 // 当前页⾯是什么协议就以什么协议打开 ⽆协议绝对地址
写代码不准⽤FILE协议，预览html⽂件⽅式 1.上传GitHub，2.npm install -g http-server 不需要写代码，直接作为node.js server 注意切换⽬录到html
href中只有锚点 # 是不发请求的，QQ是为了页⾯内的跳转，其他要发请求GET等
href还可以javascript伪协议： 可以这样，执⾏js代码 QQ
有什么⽤？ 写⼀个点击后页⾯不动的a标签，⽽href=#的话页⾯可能会跳不写的话刷新页⾯，不写href的话a标签和span⽆异。 QQ可以解决。
href内容可以如下：
1. /qq
2. #xxx ?name=qqqq (?加查询字符串) ./xxx.html
3. javascript: alert(1); javascript:;
form标签
form标签也是跳转页⾯，
html中提交表单用什么属性form标签：HTTP POST 请求 POST上传内容 到服务器 但不管响应 (也可以get，但没必要)
a标签：HTTP GET 请求 GET 获取内容 获取这个⽹址内容
若form中⽆提交按钮，则⽆法提交form，除⾮⽤js。
input:submit +tab是type为submit
html只可form标签上传内容
作第四部分
作第四部分
GET默认把查询参数放在查询参数，POST默认把参数放第四部分form data中，可以通过URL中加查询
让post有查询参数，但是不能通过任何⽅法让get有第四部分。
form标签也有target，和a标签类似。
input与button标签
⼆者均有很多type。 input没有⼦元素，button有⼀些⼦元素
如果⼀个form⾥只有⼀个button，type不为button，那么它会⾃动升级为submit按钮button 可以作为submit，点了post
button 只是个按钮，点了没⽤
label 标签for 与 input的id要⼀起出现如
⽤户名
也可以⽤户名 。。这么灵活吗
注意input必须要有name，不然提交时不会带上这个值.
type为checkbox，可多个勾选
喜欢的⽔果
橙⼦
⾹蕉
苹果
type为radio，name为同⼀个时可以只选⼀个，多选⼀
爱我
yes
no
type为password，输⼊密码时看不见，但实际上还是明⽂的
select下拉列表
select下拉列表，也要给name
- 空值什么也不选
第⼀组
第⼆组
第三组 满了
第四组 默认选这个
可以多选 按shift或ctrl
textarea标签
让⽤户输⼊多⾏⽂本。
table标签
⽤于展⽰数据，实例如下，注意th为表头，td为table data数据。
注意：table的border有空间空隙，在head标签中加
table{
border-collapse: collapse;
}
就没有空隙了
项⽬姓名班级分数
⼩明194⼩红296平均分95总分190
html给元素属性，并⽤js获取：
specialTags = document.querySelectorAll('[data-x]') 如果是只要section标签的需要写作'section[data-x]'
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论