前端——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>
   

 

 

 

阅读更多

没有更多推荐了,返回首页