html知识点回顾
? ? ? 現在學了Vue、react、angular等新的框架了,所以導致以前學的好多知識感覺已經慢慢的從我腦袋里偷偷的溜走了,所以下定決心要寫一些博客來幫助自己把曾經屬于自己的知識再找回來!好了,開始我的第一篇博客吧(雖然寫的內容會比較簡單(#^.^#))
一、HTML
?
1.w3c制定了結構(xhtml,xml)和表現(css)的標準,是非營利性的。
2.有關標簽嵌套,這個涉及到元素類型
a、首先根據css顯示結果來分,XHTML元素被分為三種類型,分別是塊狀元素、內聯元素(行內塊元素),可變元素。
塊狀元素:此類元素會獨占一行且可以定義自己的寬高;常見的塊狀元素:?div, dl, fieldset, form, h1~h6, hr, ?ol, p, pre, table, ul;
內聯元素:表現形式始終以行逐個進行,不能定義寬高,遵循盒模型(margin和padding對于個別元素不生效);常見的內聯元素:a, ?b, br,em, i, img, input, ?span, strong, textarea
b、根據css和HTML屬性來分,可以分為置換元素(默認有一定的寬高,瀏覽器顯示該標簽的情況,根據該元素的屬性來決定)和非置換元素。
所以根據元素類型的特征,標簽的嵌套規則為:塊級元素能嵌入內聯元素和部分塊級元素,內聯元素只能嵌入內聯元素,a標簽不能嵌套,若a標簽中嵌套了a標簽,瀏覽器會自動添加結束符號,故不能嵌套。(只能嵌入內聯元素的塊級元素:h1~h6, p, dt) ?(li元素可以嵌入ul, ol, div)
3、有關圖片標簽:
src:圖片的來源 必寫屬性 ?alt :替換文本(圖片不顯示的時候顯示的文字) title:提示文本(鼠標放到圖片上顯示的文字)
4、路徑 :相對路徑和絕對路徑 ? ?相對路徑相對于文件本身出發?
5、列表:a、無序列表:<ul><li></li></ul> b、有序列表<ol><li></li></ol> ?c、自定義列表<dl><dt></dt><dd></dd></dl> dt標簽只可以有一個 ? ?dd標簽可以有多個。
6、滾動標簽 <marquee></marquee> 中間的內容可以是文字也可以是圖片
滾動標簽的一些屬性:height 、width、bgcolor、behavior(設置滾動方式)、alternate(在兩端之間來回滾動)、scroll(由一端滾動到另一端會重復)、slide(表示由一端滾動到另一端不會重復)、direction(設置滾動方向)、down、left、right、up 、loop(設置滾動的次數)scrollamount(改變滾動速度)。
7、表格相關 ?表格有利于展示數據,是對網頁重構的有益補充?
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>(此表示一行三列的表格)
表頭標簽為:<caption></caption>
表格的一些屬性:
cellspacing:改變單元格與單元格之間的間距 默認間距為2(只能給table加);
cellpadding:內容距邊框的距離(只能給table加);
align:left/right/center(此屬性若直接給table加則是整個表格位置改變,若是給tr或td加則是單元格內容位置改變);
colspan:合并同一列的單元格;
rows:合并同一行的單元格;
8、表單 ? ??表單的作用是收集信息 ?表單的組成:提示信息、表單控件、表單域
<from action="1.php" method="post/get"></from>屬性action 處理信息
post和get的區別:
a. get是從服務器上獲取數據,post是向服務器傳送數據。 b. get是把參數數據隊列加到提交表單的action屬性所指的URL中,在URL中可以看到。post是通過HTTP post機制,用戶看不到這個過程 。 c. get傳送的數據量較小,不能大于2KB。post傳送的數據量較大,一般被默認為不受限制。 d. get安全性非常低,post安全性較高。但是執行效率卻比Post方法好 input框的一些類型: text 文本輸入框 ? disabled=”disabled” 輸入框未激活 ?即禁用,只可以看不可以輸入。readonly=“readonly” 將輸入框設置為只讀狀態(不能編輯) password密碼框 radio單選框 ?只有將name值設置相同的時候 才能實現單選的效果?默認選中項設置為checked=“checked” CheckBox多選框 ?默認選中項設置為checked=“checked” file上傳文件控件 submit提交按鈕 button按鈕 image圖片按鈕 reset重置按鈕 url網址控件 date日期控件 email郵件控件?輸入郵箱地址 檢測@ number數字控件?只能輸入數字 還有e range滑塊控件 <input type="button"/>和<button></button>區別 ?? input button 不能提交信息 配合js使用 ? 標簽button有數據提交或者說可以刷新頁面 下拉列表標簽 默認選擇項加 selected=“selected” <select> <option>下拉列表選項</option> </select> 多行文本框 <textarea cols=“10” rows=10“”></textarea> cols控制輸入字符的長度 ?rows控制輸入的行數。?
?
轉載于:https://www.cnblogs.com/niuxiaoxian/p/8343491.html
總結
- 上一篇: 蒟蒻吃药计划-治疗系列 #round 2
- 下一篇: 建立一个php 基础类