基础的html知识点

这是我初学html几天之后的一个小小总结。比较适合小白以最快速度的回忆html的知识点。当然，如果继续深入学习html的话，我会新开一篇文章再次详细的记录下来的。

/*
学习html的一些知识总结
1.css控制height width （% px in（英寸） mm cm em（当前字体尺寸）。。。， float， clear 

2.div （marggin（实现水平居中）， border， padding， 向外扩张）

3.inline（内联元素）不可以设置高和宽，并排显示  block（块状）独占一行 display转化 display：block/inline /none(不可见)

4.text-align 以及一些其他的效果

5.文字控制 font:[style, size, height, family]

6.img:(src...)

7.css选择器（id class{} div/p 层级 ）  优先级（准确定位）
class选择器  id选择器  标签选择器

8.css引入方式 （head加入style  link  import引入初始化）

9.h  p  ul（li） table（th/tr （td））标签

10.语义标签 header nav footer time aside article  audio(声音) command（）命令 datalist（下拉标签）  keygen（秘钥） output（输出）

11.img标签 input textarea select object 替换元素 本身没有内容的标签

12.a 锚链接  锚点 #a1 。。。 id=a1  伪类 link visited hover active

13.字符实体   < > & © × 

14.关系选择符 E F包含  E>F 子选择器 E+F 相邻选择器 E~F 兄弟选择器 

15.图表字体 通过fontawesome来选择图标

16.相对定位 position: relative  绝对定位 position:absolute top:10px; 

17.表单溢出 overflow：auto      overflow：hidden


18.border-radius 圆角属性  向div元素添加 对table不起作用

19. option 标签 是select中的分级标签

<select name="xuexi" id=""><option value=""></option><option value=""></option><option value=""></option><option value=""></option></select>

20.pre标签 指原样输出文本
<pre>你好啊  ，skdi</pre> //会保留空格以及换行符

21.iframe标签
ifrmae的页面和父页面是分开的，意味着这是一个独立的区域，不受parent的CSS或者全局的javascript影响
优点是可以隔离上下网页
缺点就是大量的使用，网页体验会不好。而且影响网页加载速度

22.注册表单 //form 表单

<form action="http://baidu.com" method="post" ><p>用户名:<input type="text" name="user"></p> <p>密码:<input type="password" namr="password"></p><p><input type="radio" name="gender" value="boy">男</p><p><input type="radio" name="gender" value="girl">女</p><p>出生日期<input type="date" name="birth"></p><P>篮球<input type="checkbox" name="hobby" value="basketball"></P><p>学历<select name="edution" id=""><option value="University">大学</option></select></p><p>我的爱好：<textarea name="My hobby is..." id="" cols="30" rows="10"></textarea></p><p>上传文件：<input type="file"></p><p><input type="submit" value="提交"><input type="reset" value="重置"></p></form>

*/