前端web学习html5+css+js笔记2

前端web学习html5+css+js笔记1

表格的写法

无序列表

<ul>         //ul为无序列表，li是列表条目

     <li></li>

</ul>

有序列表

<ol>        //ol为有序列表，li是列表条目

      <li></li>

</ol>

列表标签只能添加<li></li>标签，li标签可以添加任意内容

定义列表

<dl>

     <dt>标题</dt>

      <dd>描述、详情</dd>

</dl>

表格标签

<table border="1">    //table 标签名  border边框宽度

       <tr>                 //行

               <th></th>     //表头单元格

               <th></th>

        </tr>

     <tr>                 //行

               <td></td>     //内容单元格

               <td></td>

        </tr>

</table>
使用<thead></thead>包裹头表格

使用<tbody></tbody>包裹身体表格

使用<tfoot></tfoot>包裹脚        使用包裹后，对表格显示无影响

跨行合并 rowspan=""

跨列合并  colspan=""

表单

<input type="" name="" id="">

type属性值：text文本框  password 密码框   radio单选框   checkbox复选框   feil上传文件

name控件名称            checked默认选中

上传文件feil

<input type="feil" multiple>添加multiple属性可以实现文件多选功能
下拉菜单

<select name=""id="">

    <option value=""></option>

    <option value=""selected></option>    selected默认选中

</select>  

文本域标签

<textarea name=""id=""cols="30" rows="10"></txetrarea>

lable标签名（功能：增大表单控件的点击范围）

<input type="radio"id="men">

<lable for="men">男</lable>

另一种写法

<lable><input type="radio" id="men">男</lable>

按钮标签

<button type=""></button>

type属性值:submit提交按钮  reset重置按钮  button普通按钮

<form action="">    表单控制区域，没有form，标签功能不可用，action是未来发送信息的地址

</from>

布局标签

<div>

       段落标签：独占一行

</div>

<span></span>不换行

字符实体

&nbsp;空格      &lt;<   &gt;>