1. 注释标签<!-- 注释语句--> 快捷键ctrl+/
2. 特殊字符
**|&nsbp|空格符|
|<|小于号|
|>|大于号|**
3. 表格标签---用来显示、展示数据
<table>(用于定义一个表格标签)
<tr>(用于定义表格中的行,必须嵌套在 table中)
<th></th>(表头单元格标签,文本加粗居中)
<td>单元格内的文字</td>
(用于定义表格中的单元格,必须嵌套在<tr></tr>标签中)
...
</tr>
...
</table>
表格属性
|align|在网页水平对齐|left、center、right
|cellpading|单元格内容与单元格边框之间的空白间距|
|cellspacing| 单元格与单元格边框之间的空白间距 |
|width|宽度|
|height|高度|
| border|表格的边框|
(一般 border cellpadding cellspacing 设为 0)
4. 表格结构标签
- <thead></thead>:用于定义表格的头部。用来放标题之类的东西。<thead> 内部必须拥有<tr> 标签!
- <tbody></tbody>:用于定义表格的主体。放数据本体 。
- <tfoot></tfoot>放表格的脚注之类。
- 以上标签都是放到table标签中。
5. 合并单元格
跨行合并:rowspan="合并单元格的个数"(最上)
跨列合并:colspan="合并单元格的个数"(最左侧)
删除多余单元格
6. 列表标签(用来布局)
**无序列表**
<ul>(<ul></ul>中只能嵌套<li></li>)
<li>列表项1</li>
<li>列表项2</li>(<li></li>相当于一个容器)
<li>列表项3</li>
......
</ul>
有序列表
<ol type="A"> (type属性值为排序的序列号1【默认】,a,A,i,I)
<li>列表项1</li>
<li>列表二</li>
<li>列表三</li>
</ol>
倒序排列<ol reversed="reversed">
从指定开始<ol start="11">
**自定义列表**
<dl>(用于对术语或名词进行解释和描述)
<dt>定义项目/名字</dt>
<dd>描述每一个项目/名字</dd>
<dd>...</dd>
...
</dl>
7. 表单---为了收集用户信息---通常由**表单控件(**也称为表单元素)、**提示信息**和**表单域(form)**3个部分构成
<form>
用户名:<input type="属性值" value="XX">
name和value---每个表单都有的属性值(自定义),主要给后台人员使用。
name表单元素的名字,要求单选和复选框要有相同的name值。
type属性
text 文本输入框
password 密码输入框
radio 单选
checkbox 复选
button 普通按钮(后期结合js)
submit 提交按钮
reset 重置按钮
image 图像形式的提交
file 文件域
checked---默认选中状态--较常见于单选按钮和复选钮。
maxlength---正整数---规定输入字段中的字符的最大长度
</form>
8. <label>标签
<label>标签为 input 元素定义标注(标签)--为了提高用户体验。为用户提高最优秀的服务.
绑定元素---用label标签直接包含input表单, 适合单个表单选择。
--- for 属性规定 label 与哪个表单元素绑定(通过id)
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
9. <select>表单元素----下拉元素
<select>
<option selected =" selected ">选项1</option>(至少包含一个选项)
option 中定义selected =" selected "时,当前项即为默认选中项
<option>选项2</option>
<option>选项3</option>
...
</select>
10. <textarea>(文本域)
<textarea cols="50" rows="5">
cols="每行中的字符数" rows="显示的行数" 我们实际开发不用,一般用CSS定义。
文本内容
</textarea>
11. 查阅文档
推荐:百度、W3C、MDN
Html(2)
最新推荐文章于 2024-11-11 17:28:03 发布