HTML基础

定义

Hyper Text Markup Language

超文本标记语言

 文本格式化标签

标签名 效果

strong 加粗

em 倾斜

ins 下划线

del 删除线

图像属性

<img src="  " />
alt        替换文本
title      提示文本
width    宽度
height   高度

超链接

<a href="#" target="_blank"></a>
_blank设置超链接页面在新的页面打开

音频

<audio></audio>
controls   显示音频控制面板
loop         循环播放
autoplay   自动播放（浏览器一般禁用）

视频

<video></video>
controls   显示音频控制面板
loop         循环播放
muted      静音播放
autoplay   自动播放（浏览器一般禁用）

无序列表

<ul>
<li>列表项</li>
</ul>

有序列表

<ol>
<li>列表项</li>
</ol>

定义列表

<dl>
<dt>列表标题</dt>
<dd>列表描述/详情</dd>
</dl>

表格

table         表格

tr         行

th         表头

td         内容

border="1"为表格添加边框线

thead表格头部

tbody表格主体

tfoot表格底部

rowspan跨行合并

colspan跨列合并

不可跨表格结构标签合并单元格（thead、tbody、tfoot）

 表单

<input type="...">
type属性值       说明
text                  文本框，用于输入单行文本
password         密码框
radio                单选框
checkbox         多选框
file                   上传文件
占位文本placeholder="提示信息"
单选框常用属性       作用                        特殊说明
name               控件名称            控件分组，同组中只能选中一个（单选功能）
checked            默认选中
<input type="file" multiple>
添加multiple属性可以实现文件多选功能
<input type="checkbox" checked>
默认选中：checked

下拉菜单

select嵌套option，select是下拉菜单整体，option是下拉菜单的每一项。

默认显示第一项，selected属性实现默认选中功能。

 文本域

作用：多行输入文本的表单控件
<textarea>默认提示文字</textarea>
实际开发中，使用CSS设置文本域的尺寸
实际开发中，一般禁用右下角的拖拽功能

label标签

作用：网页中，某个标签的说明文本
用label标签绑定文字和表单控件的关系，增大表单控件的点击范围。
方法一：
<input type="radio" id="man">
<label for="man">男</label>
方法二：
<label><input type="radio">女</label>

按钮

<button type="...">按钮名称</button>
type属性                   说明
submit      提交按钮，点击后可以提交数据到后台（默认功能）
reset       重置按钮，点击后将表单控件恢复默认值
button      普通按钮，默认没用功能，一般配合javascript使用
按钮需配合form标签（表单区域）才能实现对应的功能。

无语义的布局标签

作用：布局网页（划分网页区域，摆放内容）
<div>div标签，独占一行</div>
<span>span标签，不换行</span>

有语义的布局标签

标签名         语义

header         网页头部

nav         网页导航

footer         网页底部

aside         网页侧边栏

section         网页区块

article         网页文章

 字符实体

空格 
小于号<
大于号>