html 超文本标记语言
标签语法
- 成对出现，中间包裹内容
- <>内部为英文字母
- 结束标签比开始标签多‘/’
- 单/双标签：只有开始标签/成对出现标签
基本骨架
| html-整个网页 | head-网页头部 | body-网页主体 | title-网页标题 |
|---|
标签
标题标签
标签名：h1~h6 (双标签)
h1只用一次，h2~h6无限制
段落标签
标签名：p (双标签)
文本格式化标签
常用：
| 标签名 | 作用 | 简写 |
|---|---|---|
| strong | 加粗 | b |
| em | 倾斜 | i |
| ins | 下划线 | u |
| del | 删除线 | s |
图像标签
<img scr="图片的URL"> （单标签）
src指定图像位置和名称，是 img 的必须属性
其他属性：
- alt——替换文本： 图片无法显示时显示的文字
- title——提示文本： 鼠标悬停在图片上时显示的文字
- width——图片宽度： 值为数字，无单位
- height——图片高度： 值为数字，无单位
超链接标签
<a href = "https://xxx.xxx.xxx"> </a>
href 属性值是跳转地址，是超链接的必须属性，若引号内为 # 则为空链接
target=“_blank” ： 该属性可在新窗口打开页面
音频标签
<audio src = "音频的URL"> </audio> （支持 MP3、Ogg、Wav）
另常见属性：
- controls —— 显示音频控制面板
- loop —— 循环播放
- autoplay —— 自动播放 （一般被禁用）
视频标签
<video src="视频的URL"> </video>
另常见属性：
- controls —— 显示视频控制面板
- loop —— 循环播放
- muted —— 静音播放
- autoplay —— 自动播放 （仅支持静音下自动播放）
列表
无序列表
不需规定顺序
注意：ul 标签内只能包裹 li 标签，li 标签可以包裹任何内容
<ul>
<li></li>
<li></li>
</ul>
有序列表
需规定顺序
注意：ol 标签内只能包裹 li 标签，li 标签可以包裹任何内容
<ol>
<li></li>
<li></li>
</ol>
定义列表
dl 嵌套 dt 和 dd， dl 是定义列表，dt 是标题，dd 是列表的描述
注意：dl 标签内只能包裹 dt 和 dd 标签，dt 和 dd 标签可以包裹任何内容
<dl>
<dt></dt>
<dd></dd>
</dl>
CSS 层叠样式表
选择器
标签选择器
使用标签名为选择器 -> 选中同名标签设置相同样式
类选择器
查找标签，差异化设置标签的显示效果
步骤：定义类选择器
