首页 > 代码库 > html随笔2

html随笔2

2024-10-16 11:55:02   214人阅读

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文件域

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


联系
我们