目录
HTML 基础代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
HTML 表格
HTML 列表
HTML 表单
HTML 高级
HTML 颜色
HTML CSS
HTML 区块
div 和 span
html可以通过
和 将元素组合起来。
块元素和内联元素
-
块元素
独占一行，多个块元素会各自新起一行
-
内联元素（行内元素，内嵌元素）
不会独占一行，多个相邻的行内元素会排列在同一行。
- inline 元素设置 width，height 属性无效。
- inline 元素不支持上下的 margin 和 padding ，只支持左右的 margin 和 padding
HTML 框架
HTML 总结
HTML 标签列表（按照功能排序）
HTML标签共分12类
图像（6个）
| 标签 | 描述 |
|---|---|
| <img | 定义图像 |
| 定义图像映射 | |
| 定义图像地图内部的区域 | |
| ★定义图形 | |
| ★定义figure元素的标题 | |
| ★定义媒介内容的分组，以及它们的标题 |
img标签
? 1.定义和用法
img元素向网页中嵌入一幅图像
? 2.属性
| 属性 | 值 | 描述 |
|---|---|---|
| alt | text | 规定图像无法显示时的替代文本 |
| src | URL | 规定图像的URL |
| width | px,% | 定义图像的宽度 |
| height | px,% | 定义图像的高度 |
| usemap | #mapname | 将图像定义为客户端图像映射 |
| ismap | ismap | 将图像规定为服务端图像映射 |
| crossorigin | anonymouse、use-credentials | ★设置图像的跨域属性 |
| align | top、bottom、middle、left、right | 规定如何根据周围的文本来排列图像 |
| border | px | 规定图像周围的边框 |
| hspace | px | 规定图像左侧和右侧的空白 |
| vspace | px | 规定图像顶部和底部的空白 |
| longdesc | URL | 指向包含长的图像描述文档的URL |
链接（3个）
| 标签 | 描述 |
|---|---|
| 定义锚 | |
| 定义文档与外部资源的关系 | |
| ★定义导航链接 |
表格（10个）
| 标签 | 描述 | |
|---|---|---|
| table | 定义表格 | |
| 定义表格标题 | ||
| 定义表格中的表头单元格 | ||
| 定义表格中的行 | ||
| 定义表格中的单元 | ||
| 定义表格中的表头内容 |
| 定义表格中的主体内容 |
| 定义表格中的表注内容 | ||
| 定义表格中一个或多个列的属性值 | ||
| 定义表格*格式化的列组 |
列表（10个）
| 标签 | 描述 |
|---|---|
| 定义无需列表 | |
| 定义有序列表 | |
| 定义列表的项目 | |
| 定义目录列表 | |
| 定义定义列表 | |
| 定义定义列表中的项目 | |
| 定义定义列表中项目的描述 | |
| 定义命令的菜单/列表 | |
| 定义用户可以从弹出菜单调用的命令/菜单项目 | |
| ★定义命令按钮 |
格式（38个）
| 标签 | 描述 |
|---|---|
| 定义文本的变量部分 | |
| ★定义可能的换行符 | |
| ★定义日期/时间 | |
| ★定义任何类型的任务的进度 | |
| 定义文本的字体、尺寸和颜色 | |
| 定义大号文本 | |
| 定义小号文本 | |
| 定义粗体文本 | |
| 定义强调文本 | |
| 定义预期更为强烈的文本 | |
| 定义斜体文本 | |
| 定义被插入文本 | |
| 定义下划线文本 | |
| 定义被删除文本 | |
| 定义加删除线文本 | |
| 定义加删除线文本 | |
| 定义上标文本 | |
| 定义下标文本 | |
|
定义计算机代码文本 |
| 定义计算机代码样本 | |
| 定义键盘键盘文本 | |
| ★定义有记号的文本 | |
| 定义预格式文本 | |
| ★定义预定义范围内的度量 | |
| 定义打字机文本 | |
| 定义缩写 | |
| 定义只取首字母的缩写 | |
| 定义文档作者或拥有者的联系信息 | |
| ★定义文本的文本方向，使其脱离其周围文本的方向设置 | |
| 定义文字方向 | |
| 定义引用（citation） | |
| 定义长的引用 | |
| 定义短的引用 | |
| 定义定义项目 | |
| ★定义ruby注释 | |
| ★定义ruby注释的解释 | |
| ★定义若浏览器不支持ruby元素显示的内容 |
样式/节（11个）
| 标签 | 描述 |
|---|---|
| <style | 定义文档的样式信息 |
| <div | 定义文档的节 |
| <span | ★定义文档中的节 |
| <header | ★定义section或page的页眉 |
| ★定义section或page的页脚 | |
| ★定义section | |
| ★定义文章 | |
| ★定义页面内容之外的内容 | |
| ★定义元素的细节 | |
| ★定义对话框或窗口 | |
| ★为 元素定义可见的标题
|
编程（6个）
| 标签 | 描述 |
|---|---|
| <script | 定义客户端脚本 |
| <noscript | 定义针对不支持客户端脚本的用户的替代内容 |
| <applet | 定义嵌入的 applet |
| <embed | ★为外部程序（非HTML）定义容器 |
| <object | 定义嵌入的对象 |
| <param | 定义对象的参数 |
元信息（4个）
| 标签 | 描述 |
|---|---|
| head | 定义关于文档的信息 |
| <meta | 定义关于HTML文档的元信息 |
| <base | 定义页面中所有链接的默认地址或默认目标 |
| <basefont | 定义页面中文本的默认字体、颜色或尺寸 |
音频/视频（4个）
| 标签 | 描述 |
|---|---|
| ★定义声音内容 | |
| ★定义媒介源 | |
| ★定义用在媒体播放器中的文本轨道 | |
| <video | ★定义视频 |
框架（4个）
| 标签 | 描述 |
|---|---|
| <frame | 定义框架的集的窗口或框架 |
| <frameset | 定义框架集 |
| <noframes | 定义针对不支持框架的用户的替代内容 |
| <iframe | 定义内联框架 |
HTML全局属性
HTML事件
技巧
使用 a 标签实现同一页面锚点跳转
id
<a name="hello">跳到我这里</a>
<a href="#hello" >点击我进行跳转</a>
name
<a id="hello">跳到我这里</a>
<a href="#hello" >点击我进行跳转</a>
踩
(0)
赞
(0)
举报
评论 一句话评论（0）