文本设置
- 标题 : <h ?></h> ? 输入数字1-6, 分别是一级标题到6级标题;
- 设置字号:<font size="80px"></font>
- 设置文字颜色:<font color="red"></font>
<font size="30px" color="red"></font>
- 设置粗体:<strong>或<b>
- 设置斜体:<em>或<i>
- 设置删除线:<del>或<s>
- 设置下划线: <ins>或<u>
- 文字超连接:<a href="https://www.baidu.com/">
* #为空连接, 点击无反应
* 属性:_blank 在新窗口中跳转
* href 跳转地址
- 段落标签: <p></p>
- 换行<br/>
- 水平线<hr/>
-- 特殊符号
- 空格 
< - - < (l是L小写)
> - - >
注册符号® - - ®
版权符号© - - ©
商标符号™ - - &trade
多媒体设置
- 插入图片<img src="libai.jpg"></img>
- 音频 <audio src="" controls></autio> controls 显示播放的控件, autoplay 自动播放(部分浏览器不支持) loop 循环播放
*音频只支持mp3 wav ogg格式
- 视频 <video src="" ></video> 视频控件与音频相同
控件设置
- 表单
<form>
</form>
- 文本框
<input type="text" size="10" placeholder = "请输入用户名"/><br />
placeholder 属性 , 文本框上的默认显示;
size="" 属性, 文本框长度;
- 分组 name ="" 可以实现单选按钮单个选中
- 普通按钮 checked属性值为true时,表示单选按钮被选中
<input type="submit" value="登陆"/>
<input type="reset" value="重置"/>
<input type = "button" value = "登录"/>
- 单选按钮
<input type="radio" name="sex" value="男" checked>男
- 复选按钮
<input type="checkbox" name="vehicle" value="Bike">我喜欢自行车<br>
- 下拉列表 *disabled属性值为true时,禁用下拉列表
<select>
<option></option>
<option value="本科"><selected>本科</selected></option> *默认选中本科
</select>
- 上传文件
<input type="file" multiple> * multiple 属性控制能否多选文件
- 文本域 cols列 rows 行
<textarea cols="40" rows="20">
</textarea>
表格:
tr标签换行 th标签定义表头(默认加粗居中) td标签插入单元格
caption标签表格标题
<table border="1px" cellspacing = "0px" cellpadding = "10px">
<!--border= 设置外框是否显示及外框粗细, cellspacing= 设置边框与边框之间的空间大小
cellpadding = "10px" 设置单元格字体与边框之间的距离-->
<tr> <!--tr 行 -->
<th>Month</th> <!--th 表头 -->
<th>Savings</th>
</tr>
<tr>
<td>January</td> <!--td 单元格 -->
</tr>
</table>
- 合并单元格
按顺序: 1. 明确合并哪几个单元格; 2. 左上原则, 确定保留的单元格, 并手动删除不需要的单元格; 3. 给保留的单元格添加属性
rowspan="?" 跨行合并, 竖着合并, 也叫垂直合并;
colspan="?" 跨列合并, 横着合并, 也叫水平合并;
? 填入需要合并的单元格数量
* 不能跨结构合并(<thead><tbody><tfoot>)
列表:
- 有序列表 ol 内部选项li
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
- 无序列表 ul 内部选项li
- 自定义列表 dl 一级列表项dt 二级列表项定义 dd
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>