Html 笔记

1、 <p></p>标签  paragraph段落
2、 <h1>一级标题</h1>  <h2>二级标题</h2>...
3、 <strong></strong>标签  加粗     <em></em>斜体
4、 <span> 设置单独的样式，和css配合使用
5、 <q></q>标签  引用文本，双引号   注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
6、 <blockquote></blockquote>标签  长文本引用，缩进样式   <q>是短文本
7、 <br/>标签   分行显示文本
8、 &nbsp 显示空格
9、 <hr/>标签  添加水平横线，可以用css调整其样式    <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。
10、<adress></adress> 标签网页中加入地址信息，默认样式为斜体,可以用css为其修改

11、<code></code> 标签 在网页中加入代码  如果是多行代码 可以用<pre></pre>标签
12、<ul>      标签  ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，ul-li是没有前后顺序的信息列表
    <li></li>  
       </ul>
13、<ol>      标签  ol-li在网页中显示的默认样式一般为：每项li前都自带一个序号，ol-      li是有前后顺序的信息列表
    <li></li>  
      </ol>
   
14、<div></div>   标签的作用就相当于一个容器，可以给<div>进行命名

15、<table>
        <tr>    <tr> 表格的一行
          <th>班级</th>   <th> 表格表头
          <th>学生数</th>
          <th>平均成绩</th>
        </tr>
        <tr>
          <td>一班</td>   <td> 表格的一个单元格
          <td>30</td>
          <td>89</td>
        </tr>
        <tr>
          <td>二班</td>
          <td>35</td>
          <td>85</td>
        </tr>
   </table>

16、<table summary="2012年到2013年库存记录">  为表格加入标题
   <caption>本表格</caption>  <caption>标签为表格添加摘要
17、 <a href=""><a/>标签  <a  href="http://www.imooc.com"  title="点击进入慕课网">点击</a>   
             <a href="目标网址" target="_blank">click here!</a>  在新窗口中打开链接
            
18、 <mailto></mailto> 邮件   <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=对此评论有些想法">send</a>
19、 <img>  标签  <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
20、 <form    method="post"   action="save.php">    <form   method="传送方式"   action="服务器文件">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
    </form>

21、<form>              
   <input type="text/password" name="名称" value="文本" />
   </form>
当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框
22、<textarea></textarea> 标签 多行文本编写   <textarea  rows="行数" cols="列数">文本</textarea>
23、单选框、复选框   <input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
radio单选，checkbox复选   
value是提交到服务器的值  
name命名（同一组的单选按钮，name 取值一定要一致，这样同一组的单选按钮才可以起到单选  的作用。）   
checked默认选中项



24、<select></select> 选项 下拉列表框  
    <select>                                                     <select multiple="multiple"> 按住ctrl+单击  可以进行多选
            <option value="看书">看书</option>
       <option value="旅游" selected="selected">旅游</option>    selected默认选中
       <option value="运动">运动</option>
              <option value="购物">购物</option>
    </select>

25、提交  <input   type="submit"   value="提交">     value：按钮上显示的文字
26、重置 <input type="reset" value="重置">
27、<label></label>  label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。
    如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。id值一定要相同才能关联到for属性中的值
    <label for="male">男</label>
    <input type="radio" name="gender" id="male" />  
    <br />
    <label for="female">女</label>
    <input type="radio" name="gender" id="female" />
    <br />
    <label for="email">输入你的邮箱地址</label>
    <input type="email" id="email" placeholder="Enter email">