html前端代码学习笔记（二）

• 列表
  

有序列表Ordered list，简写OL；无序列表Unordered list，简写UL

自定义列表Definition list，简写DL；列表项List items，简写LI

快捷键：代码往右移按Tab键，往左移按shift+Tab

• 表格

一个完整的表格正常有标题，头部，主体，脚注组成。

表格标签<table>，表格边框属性border="1"，宽度属性width，高度属性height，单元格间距cellspacing

标题标签<caption>中不能加上面的属性

头部标签<thead>中的行用tr，单元格用th，可以加height属性，单元格水平对齐方式属性align，有3个参数left,center,right，单元格水平对齐方式属性valign，有3个参数top,middle,bottom

主体标签<tbody>中的行用tr，单元格用td，可用属性height,align,valign

脚注标签<tfoot>中的行用tr，单元格用td，可用属性height,align,valign

tr的常用属性height,align,valign

th/td的常用属性width,height,align,valign,rowspan(跨行),colspan(跨列)

快捷键，选多行某个值，可以按alt键选择多行中的值修改，如下面还有要修改的可以按方向键下移动。

• 补充标签
  

换行单标签<br>；分割线单标签<hr>; 按原文显示双标签<pre></pre>

• 表单

1. 标签<form action="https://www.baidu.com/s" target="_self"  method="get或post"></form>，输入框<input type="text" name="wd">；按钮<button>搜索</button>

2. 单选框：<input type="radio" name="sex" value="male">男

3. 复选框：<input type="checkbox" name="hobby" value="perm">烫头

4. name属性是指数据的名称；value属性是指提交的数据值；checked属性是指让该复选框默认选中。

*上面内容来自第43节课*

5. 隐藏域（用户不可见的一个输入区域，作用是提交表单的时候，携带一些固定的数据）：

6. <input type="hidden" name="指定数据的名称" value="指定的是真正提交的数据">

7. 提交按钮：<input type="submit" value="确认">或<button type="submit">确认</button>

8. 重置按钮：<button type="reset">重置</button>或者<input type="reset" value="重置">

9. 普通按钮：<button type="button">是否被注册</button>或者<input type="button" value="是否被注册">

10. 文本域：<textarea name="other" cols="20" row="5"></textarea>

11. 下拉框：<select name="place"><option value="京">北京</option></select>，如要下拉框选中某个默认值，可以在opiton属性里加上selected

12. 禁用表单控件：可以在input/textarea/button/select/option属性里加上disabled

13. label标签（获取焦点）：<label for="与input中的id参数对应">名称</label>

14. fieldset可以为表单控件分组

15. legend标签是分组的标题，例：<fieldset><legend></legend></fiedset>

• 框架标签 iframe

  
  

通过iframe嵌入一个网页/广告/图片<iframe src="https://www.toutiao.com" width="500" height="300" frameborder="1"></iframe>

与<a>标签的target属性配合使用或与表单的target属性配合使用

• html字符实体 - &nbsp;

&lt;是指小于号；&gt;是指大于号；&amp代表&符号；&yen;是指人民币符号；&copy;是指版权©；&times;是指乘号；&divide;是指除号。

在 HTML 中我们可以用一种特殊的形式的内容，来表示某个符号，这种特殊形式的内容，就是HTML实体。比如小于号 <用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。

字符实体由三部分组成：一个&和一个实体名称（或者一个#和一个实体编号），最后加上一个分号;。字符实体查询网站

• html全局属性

常用属性id/class/style/dir/title/lang

• meta元信息（基本信息） meta标准元数据名称查询