前端——html

1、创建XHTML的快捷键：html:xt+tab键

2、创建HTML5的快捷键：！+tab键

3规范：a.所有的标签小写    b.属性用 “ ” 括起来    c.标签要闭合   d. img标签加上alt属性

4、注释：<!-- ************  -->

5、<h1>——<h6>  ：一级标签到六级标签

     <br />  ：强制换行

    &nbsp;    ：一个空格

    &gt;       ：“>” 号

    &lt;       ：“>” 号

6、<div>  ：表示一块内容，没有语义，用的比较多

     <span>：一块内容，没有语义，在用样式的时候用，用的比较多

7、<em>：字体倾斜，表示强调

      <i>：字体倾斜，表示专业词汇

      <b>：加粗，表示关键词或专业词

      <strong>：加粗，表示非常重要的内容

8、<a href="  "></a> ：进入链接

     <a href="#"></a> ：链接到页面顶部

     <a href="javascript:;"></a> ：缺省值

9、<h1 id="121323 ">******</h1>

      <a href="#121323">******</a>  ：可以滚动跳转

10、<ol>
             <li>学习html</li>
             <li>学习CSS</li>
             <li>学习javascript</li>
       </ol>                                       ：列表形式，并自动加序号（不怎么用）

11、<ul>
             <li>学习html</li>
             <li>学习CSS</li>
             <li>学习javascript</li>
       </ul>                                       ：列表形式，无序列表

12、

<dl>
        <dt>html(概念)</dt>
        <dd>负责页面的结构(解释)</dd>

        <dt>CSS</dt>
        <dd>负责页面的表现</dd>

        <dt>javascript</dt>
        <dd>负责页面的行为</dd>

        
    </dl>                                            ：定义列表，用于术语的定义

13、

<table border="1" width="500" height="300">
        <tr>
            <th valign="top">序号</th>
            <th valign="top">产品名称</th>
        </tr>
        <tr>
            <td align="center">1</td>
            <td align="center">苹果</td>
        </tr>                                                               ：定义表格

14、table常用属性：

       1）border定义表格的边框

       2）align设置单元格中内容的水平对齐方式，设置值有：left | center | right

       3）valign设置单元格中内容的垂直对齐方式，设置值有：top | middle | bottom

       4) colspan设置单元格水平合并

       5) rowspan设置单元格垂直合并

       6）cellpadding定义单元格内内容与边框的距离

       7) cellspacing定义单元格与单元格之间的距离

15、  表单：

<form action="http://www.baidu.com">
        <div>
            <label>用户名</label>
            <input type="text" name="">
        </div>

       <div>
            <label>密码</label>
            <input type="password" name="">
        </div>
        <div>
            <label>性别</label>
            <input type="radio" name="gender"> 男
            <input type="radio" name="gender"> 女
        </div>
        <div>
            <label>爱好</label>
            <input type="checkbox" name="like"> 看电影
            <input type="checkbox" name="like"> 看书
            <input type="checkbox" name="like"> 逛街
        </div>
        <div>
            <label>籍贯</label>
            <select>
                <option>北京</option>
                <option>上海</option>
            </select>
        </div>
        <div>
            <label>上传文件：</label>
            <input type="file" name="">

        </div>
        <div>
            <label>个人描述</label>
            <textarea></textarea>

        </div>
        <input type="submit" name="" value="提交">

        <input type="reset" name="" value="重置">

    </form>

15、<form action="http://www.baidu.com">
        <div>
            <label>性别</label>
            <input type="radio" name="genter" id="male"><label for="male">男</label>      ：可以定文字就能选上
            <input type="radio" name="genter" id="female"><label for="female">女</label>
        </div>
    </form>

16、内嵌框架：

<a href="http://www.baidu.com" target="myframe">百度网</a>
    <a href="http://www.qq.com" target="myframe">腾讯网</a>
    <a href="http://www.sohu.com" target="myframe">搜狐网</a>
    <iframe src="http://www.baidu.com" width="600" height="500" frameborder="0" scrolling="no" name="myframe"></iframe>