首页 > 代码库 > html随笔2

html随笔2

1.

 快捷键

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

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

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

2.

 * nameid属性的区别:name类似于名字,可以有重复,id类似于身份证,不可以有重复

 *简单的的交互式标签:

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

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

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

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

3.

 列表菜单标签:

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

4.

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

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

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

1 <nav>
2     <p align="center">
3         <a href="#">关于我们|</a>
4         <a href="#">免费声明|</a>
5         <a href="#">广告合作|</a>
6         <a href="#">联系方式</a>
7     </p><hr>
8 </nav>

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

  技术分享

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

  技术分享

html随笔2