基礎的html知識點__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>

*/