?內容容器：

? ? ? ??<h1>--<h6> 標題標簽，其中h1是最大號字體，h6是最小號的字體

? ? ? ??<p> 段落標簽 ? 。專門寫文章，換行有間距
? ? ? ? <div> 默認占一行，放任何內容
? ? ? ? <span> 大小取決于內容，放文字性的東西
? ? ? ? <ol><li> 有序列表 ? type可以更改前置序號樣式
? ? ? ? <ul><li> 無序列表 ? type可以更改前置序號樣式

?

常用標簽：
? ? <a> 超鏈接標簽
? ? 兩個要素：內容，指向
? ? href屬性：超鏈接的指向
額外功能：
指向文件
? ?打開文件：是瀏覽器可以打開的文件，txt 圖片 網頁
? ?下載文件：瀏覽器打不開，word excel 壓縮包
做錨點
? ? 定點：<a name="one"></a>
? ? 跳到錨點位置：<a href="#名字">內容</a> ?#代表當前頁 后面加要跳轉的點
?<img /> 圖片標簽
? ? src：圖片的來源地址
? ? width：圖片的寬度
? ? height：圖片的高度
? ? alt：當圖片掛掉之后，給出的提示
? ? title：當鼠標放上顯示標題

<img src="back01.jpg" width="500" height="70"/ title="圖片">

?

表格：
展示數據
<table> 代表表格
? ?width：表格寬度
? ?border：邊框粗細
? ?cellspacing：單元格的邊距
? ?cellpadding：單元格的間距
<tr> 代表行
<td> 代表單元格
width：單元格的寬度
align：水平對齊方式，left左 right右 center居中
height：單元格的高度
valign：垂直對齊方式 top上 bottom下 middle中間
bgcolor：背景色
clospan：合并列
rowspan：合并行

<th> 相當于 <td> 用來做標題的，會自動加粗居中
<tbody> 代表表格主體

?

表單：
<form> 代表表單
action：提交給誰,頁面的地址
method：提交的方式 get post
文本類：
? ? ? ?<input type="text" /> 單行文本框
? ? ? ?name：表單元素名字
? ? ? ?value：文本框的值
? ? ? ?disabled="disabled" 不可用
? ? ? ?readonly="readonly" 只讀
? ? ? ?<input type="password" /> 密碼框
? ? ? ?name：表單元素名字
? ? ? ?value：密碼框的值
? ? ? ?<input type="hidden" /> 隱藏域
? ? ? ?name：表單元素名字
? ? ? ?value：隱藏域的值
? ? ? <textarea></textarea> 文本域 ?值不是寫在value屬性里的，是寫在開始結束標簽之間的 在中間輸入內容調整文本框大小用rows。

? ? ? name：文本域的名字
? ? ? rows：行數
按鈕類：
? ? ?<input type="button" /> 普通按鈕
? ? ?value：按鈕里面顯示的內容
? ? ?<input type="submit" /> 提交按鈕
? ? ?value：按鈕里面顯示的內容
? ? ?<input type="image" /> 圖片按鈕，可以提交
? ? ?src：圖片的來源地址
? ? ?<input type="reset" /> 重置按鈕
? ? ? value：按鈕里面顯示的內容
選擇類：
? ? ?<input type="radio" /> 單選按鈕
? ? ?name：單選按鈕的名字，用來分組 如果想做出互斥效果必須相同名稱
? ? ?value：單選按鈕的值
? ? ?checked="checked" 選中
? ? <input type="checkbox" /> 復選框
? ? ?name：復選框的名字
? ? ?value：復選框的值
? ? ?checked="checked" 選中
? ? ?<select> 下拉列表
? ? ?name：下拉列表的名字
? ? ?multiple="multiple" 將下拉列表變為多選

? ??

?

轉載于:https://www.cnblogs.com/palpitate/p/7885835.html

總結

以上是生活随笔為你收集整理的2017.11.23知识点整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。