HTML不管样式!!只管内容!!
html5 是 能在微信上运行,并不是什么技术。
---H5声明方式
//一般不省略
1.W3C 简介(查维基百科)
答:是李爵士于1994年创建的,主要工作是发展web规范。
2.MDN简介
MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站
3.HTML 所有标签列表(查 MDN)
//注释
声明
//标记一个缩写
//定义声音、音乐、其他音频流
粗体
+class 表示这个span划分什么。如果不加class,就是毫无意义的划分
除了div和span 其他的标签都有默认样式。
** 标签为页面上的所有链接规定默认地址或者默认目标。
换行符
多写img alt(提示!!!)
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list
什么是空标签(查 MDN、博客)
空标签
单一闭合标签的都称为空标签 多用来占位,无意义。只需要写一个。
空元素:里面不能有元素。比如 因为是自闭合,所以是空元素。
可替换标签
其中有类特殊的元素:如img,input,select,textarea,button,label等,他们被称为可替换元素(Replaced element)。他们区别一般inline元素(相对而言,称non-replaced element)是:这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性,且他们中间没有实质性的内容,也即在代码中不会直接显示(文本内容)。替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。替换元素可增加行框高度,但不影响line-height,内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height。要想替换元素居中,可以设置line-height = height, vertral-align = middle。
(vertical-align:middle,是将元素行内框的垂直中点与父元素基线上0.5ex处的一点对齐。)他们的性质同设置了display:inline-block的元素一致。意思就是这些所谓的可替换元素即内联块。
http://blog.51cto.com/jiangtian/1694074
标签:main→主要内容 section→段落
iframe标签:
可以在iframe里面打开a标签的超链接。(target四个属性。)
download属性,可以直接加在
下载
可以直接下载网页
hr //分割线
a的href=“JavaScript:;”// 伪协议。 点击之后什么也不做的链接。
href="//qq.com" 这是当前文档为什么协议就打开什么协议,基本就是file协议。
a标签:跳转页面(http get请求 获取内容)
form(action:“xxx.html”)标签:跳转页面(http post请求 上传内容) 如果form里面没有提交按钮就没法提交,所以必须写。
提交了一个账号密码 。提交任何东西,都需要加上name属性。包括下面的radio和checkbox
form 里面 button只有一个并且没有type 则默认升级为submit
例如:
xx 默认button升级为submit xxx 则会按照你的type。lable的for和input的id是一对
点文字就可以勾选框~
也可以不这样写,用lable把input包起来,达到同样的效果
提交需要加上name属性
橘子
香蕉
则提交代码会跟上 fruit=orange&fruit=banana
radio 如果两个框只有一个name 则只能单选
radio 单选框
CheckBox 多选框
select 下拉列表
空// 空值,什么都不选
1//普通
2//无法选中
3默认选中
textarea
textarea 用css控制是否可以拉动大小 style="resize:none;" 宽高可以用css控制。width="xxx";(建议)
input没有子元素 button有子元素
table标签
table只能有三个元素
//设置表格的属性
//第一列宽100px,不用写px姓名性别 //表头用来写标题
小明女米卡可爱效果图:
css属性:border-collapse:collapse; 合并框(就是更好看了~)