这篇文章次要汇合了容易遗记的一些罕用的标签和属性.

1. 文本格式化标签

img 标签属性

base 标签

新建标签页关上链接页面, 只需在 head 外面增加这段代码
<base target="blank">

罕用特殊字符

列表

无序列表 ul li

在一些导航布局当中也会常常用到

开发中咱们会常常革除 ul li 默认款式:

ul,li{padding:0;margin:0;list-style:none}

有序列表 ol li

CSS 款式

自定义列表

 <dl>
            <dt>hello</dt>
            <dd>hello world</dd>
            <dd>hello world</dd>
            <dd>hello world</dd>
        </dl>

个别在 footer 底部介绍菜单分类中用的比拟多

表格

表格个别不用来布局，用来显示数据；

<table>
           <tr>
               <th> 表头 </th>
               ...
           </tr>
           <tr>
               <td> 内容 </td>
               ...
           </tr>
           ...
       </table>

表格属性

表格构造

如果用表格进行布局，将表格划分为头部，主体和页脚

<thead></thead>: 定义表格头部：个别蕴含 logo 和导航等信息

<tbody></tbody>：定义表格的主体

表格题目

<caption></caption 会居中显示在表格上

合并单元格

跨行 (竖着)：rowspan

跨列 (横着)：colspan

input 控件

label 标签

作用：绑定一个表单元素，当点击 label 标签的时候，被绑定的表单元素会获取输出焦点

 <label for="male"> 男生 </label>
 <input type="radio"  id="male">

textarea 控件

  <textarea cols="每行中的字符数" rows="显示行数"></textarea>

下拉菜单

<select name=""id="">
            <option value=""> 选项 1 </option>
            <option value=""> 选项 2 </option>
            <option value=""selected="selected"> 选项 3 </option>
        </select>

selected="selected" 用于设置默认选中的那项

表单域

在 HTML 中，form 被用于定义表单域，实现收集传递用户信息，form 中的所有内容都会被提交给服务器

 <form action="url 地址" method="提交办法" name="表单名称"></form>

罕用新增标签

语义化标签 header nav footer article section aside

datalist：配合 input 应用，输出时会提醒关键词

 <input type="text" placeholder="请输出明星" list="star">
       <datalist id="star"> 
            <option> 杨超过 </option>
            <option> 刘德华 </option>
            <option> 那英 </option>
            <option> 姚贝娜 </option>
            <option> 钢铁侠 </option>
       </datalist>

fliedset 将表单内的相干元素分组，打包

 <fieldset>
           <legend> 用户登录 </legend>
           用户名：<input type="text" name=""id=""><br>
           明码：<input type="password" name=""id="">
       </fieldset>

input type 新增属性值：

罕用新属性

1. placeholder：输出时候提醒文字隐没
2. autofocus: 让 input 表单加载页面时默认被选中
3. multiple：多文件上传（默认的 file 是单个文件上传）
4. required: 必填项；内容不能为空
5. accesskey: 规定激活（使元素取得焦点）元素的快捷键，采纳 alt+ S 的模式

多媒体标签

embed: 标签定义嵌入的内容, 能够用来插入 Midi,wav,AIFF,AU,MP3 等格局，url 是音频或视频文件及其门路；

1. audio: 播放音频
2. autoplay 自动播放
3. controls 是否显示不播放控件
4. loop 循环播放（loop 或 loop=”-1″ 有限循环）

多浏览器反对的计划

 <audio src="">
            <source src="...">
            <source src="...">
            您的浏览器不反对 HTML 音频播放性能
 </audio>

video: 播放视频

  <video src="..." controls></video>

1. autoplay 自动播放
2. controls 是否显示控件
3. loop 循环播放
4. width 设置窗口宽度
5. heigh 设置窗口高度

多浏览器反对的计划和 audio 相似