HTML随笔2

1.

　快捷键：

　* div*8 + tab键 - 可快捷出现八个div标签。

　* 标签名.“名称” + tab键 - 可快速出现类名为“名称”的该标签，如果不加标签名则默认为div标签

　* lorem + tab键 - 可自动补上一段文字

2.

　* name和id属性的区别：name类似于名字，可以有重复，id类似于身份证，不可以有重复

　*简单的的交互式标签：

　　input的最重要属性是type，不同的type会有不同的元素类型：　　

　　radio指单选框　　　　password指密码输入框　　　　text指普通文字输入框　　　　checkbox指复选框

　　button/submit/reset 普通按钮/提交按钮/重置按钮　　　image图像提交按钮　　　　　file文件域

<label for="txtUsername">用户姓名：</label>        <--for指向的是要其对用的输入框的id-->
<input name="txtUsername" id="txtUsername" formmethod="get" formtarget="_blank" />　　<--_blank表示另开窗口打开，_self表示通过本窗口打开
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<-- target返回信息的显示方式 -->
<input id="rdoBoy" name="Sex" type="radio" /> 男　　<--要使得两个单选框只能二选一，可以将其name相同-->
<input id="rdoGirl" name="Sex" type="radio" /> 女

3.

　列表菜单标签：

<div class="select" align="center">
        <font size="5" color="#8a2be2" face="楷体"><label for="selid"></label></font>
        <select name="selname" id="selid" size="5" style=" 150px" multiple="multiple">
            <option value="1" selected="selected">第一项</option>
            <option value="2">第二项</option>
            <option value="3">第三项</option>
            <option value="4">第四项</option>
            <option value="5">第五项</option>
            <option value="6">第六项</option>
            <option value="7">第七项</option>
            <option value="8">第八项</option>
            <option value="9">第九项</option>
            <option value="10">第十项</option>
        </select>
</div>

4.

　* alt属性：当图片无法显示时，以alt标签中的文字取代

<img id="alt" src="./images/duola4.png" alt="llll">

　*nav标签：<nav> 标签定义导航链接的部分。

<nav>
    <p align="center">
        <a href="#">关于我们|</a>
        <a href="#">免费声明|</a>
        <a href="#">广告合作|</a>
        <a href="#">联系方式</a>
    </p><hr>
</nav>

　* meta标签：可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签的属性定义了与文档相关联的名称/值对。

　

　　　* link标签：标签定义文档与外部资源的关系。