HTML中的一些基础设置

文本设置

- 标题 : <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/>
-- 特殊符号
- 空格&nbsp
<         - - &lt  (l是L小写)
>          - - &gt
注册符号®      - - &reg
版权符号©      - - &copy
商标符号™    - - &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>