html+css+js骨灰级小菜鸟学习笔记总结（14-20）

14.特殊符号的添加：￥（&yen）  空格符（&nbsp）  <(&lt)     >(&gt)      摄氏度(&deg)

15.列表：

（1）无序列表： <ul> </ul>  列表最外层容器    <li></li>列表项

嵌套规范：ul和li必须组合出现，中间不允许有其他的标签。

list-style：none（去掉li前面的标点）       text-decoration: none去掉li下面的下划线

（2）有序列表：<ol><li></li></ol>  规则同无序列表

（3）定义列表：<dl></dl>

         定义专业术语或者名称：<dt></dt>         对名词进行解释和描述<dd></dd>  

应用场景：常用于网页中的footer部分布局。       

（4）嵌套列表：互相嵌套使用。

16.表格标签：<table></table>表格最外层容器      <caption></caption>定义表格标题

                       <th></th>定义表头     <tr></tr>定义表格行     <td></td>表格内容

语义化标签：

<thead></thead>            <tbody></tbody>(可以出现多次)           <tfoot></tfoot>

table属性：

border(边框)              cellpadding(单元格内空间)        cellspacing(单元格之间的空间)

rowspan(合并行)        colspan(合并列)         align（左右对齐方式）left，center，right

valign(上下对齐方式) top，middle，bottom

17.表单标签：

<form action=""></form>表单最外层容器       action=""提交给后台数据地址

input 标签用于搜集用户信息，根据不同的type属性，展示不同控件。

type属性值                                                           含义解释

text                                                                      普通的文本输入框     placeholder="请输入"

password                                                             密码输入框                placeholder="请输入"

checkbox                                                             复选框        checked 默认选中

radio                                                                     单选框

file                                                                       上传文件

submit                                                                  提交按钮

reset                                                                     重置

（1） text，password提示信息：placeholder="请输入"

（2）checkbox复选框：   checked（默认选中）   disabld（禁止选中使用）

（3）file：mltiple（多选文件）

18.<textarea name="" id="" cols="30" rows="10">多行文本框</textarea>

cols 列数   rows行数   id，name

19.下拉菜单：                                              注意：1.初始显示调整;所需加selected

<select name="" id="">                                            2.选中后不能再选：disabled                            

<option value=""></option>                                     3.项数选择几个：size=""                     

</select>                                                                  4.多选同时选中：mltiple 

20.div与span

div（块）：div标签用来划分一个区域，可以嵌套，多用于网页布局.

span（内联):修饰文字。               div与span无默认样式，配合css使用。

接下来，要开始紧张而又刺激的css篇章了。