内容提炼 表格表头写法 <table border="1" align="center" cellpadding="0" cellspacing="0"> 表格 跨行 rowspan 跨列 colspan 图片替代文本与悬停文本 a标签跳转打开新页面 < a href='要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容 _self是在当前标签页打开新页面 _blank是在新的标签页打开新页面 2.表格 常用属性 border-collapse:collapse; 实现表格细边框 【如果要是真正意义上的细边框,必须配合td的边框一起使用】 table-layout:fixed; 单元格按格子均分表格的宽度 【注意:表格必须有设置宽度才行】 1.命名规范 命名应该由数字、字母、下划线组成,不能以数字开头 最好名字应该是对应内容的英文 推荐使用驼峰命名
2.HTML入门
html文件:以.html为后缀的文件
html:超文本标记语言
超文本:除去文本之外还可以有图片、音频、视频、超链接等
标记:是一种标记符号,形如
1.html文件的基本结构
<!DOCTYPE html> 声明文档类型是html
<html> 标记文件开始
<head> 头部
<meta charset='utf-8'> 语言-编码格式
<title></title> 网页标题
</head>
<body> 身体-网页内容
</body>
</html> 标记文件结束
2.语法
<元素 属性='属性值' 属性='属性值'>内容</元素>
3.html常用标签 1.标题 hn [n代表1-6的数字] 标题 2.段落 p
3.水平线 hr4.换行 br
5.文字标签
1.加粗 b strong
<b>要加粗的内容</b>
<strong>要加粗的内容</strong>
2.倾斜 i em
<i>内容</i>
<em>内容</em>
3.变大 big
<big></big>
4.变小 small
<small></small>
5.上标 sup
<sup>上标内容</sup>
6.下标 sub
<sub>下标内容</sub>
6.特殊符号
&符号名;
大空格  
版权 ©
商标 ®
7.列表标签
1.有序列表
<ol>
<li>列表项</li>
</ol>
2.无序列表
<ul>
<li>列表项</li>
</ul>
3.定义列表(了解)
<dl>
<dt>名词、专业术语</dt>
<dd>对名词或者专业术语的解释说明</dd>
</dl>
8.图片
<img src='图片的路径' alt='替代文本' width='宽度' height='高度' title='悬停的提示文本'>
9.路径
1.绝对路径:从协议或者盘符开始的路径。
2.相对路径:从当前位置出发,得到的路径。
同级 直呼其名
下级 /谁
上级 ../
10.超链接
<a href='要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容</a>
_self是在当前标签页打开新页面
_blank是在新的标签页打开新页面
11. div标签 块标签:主要用于后期布局实现样式的标签,本身没有任何特殊效果
12.表格 表格 行 单元格的内容 跨行 rowspan 跨列 colspan 语法: 实现合并单元格的步骤: 1.判定跨行还是跨列,选择最左上角的单元格,添加对应的属性 2.属性值应该是占据的单元格数量。保存,看错误效果 3.给对应行多余的单元格删除 【从后往前删除】
<元素 属性='属性值'>内容</元素>
1.基础 标题 hn n1-6, 段落 p 换行 br 水平线 hr 2.文本 倾斜 em 加粗 strong 变大 big 变小 small 上标 sup 下标 sub
3.图片
4.列表
有序列表
无序列表
<ul>
<li></li>
</ul>
定义列表(了解)
<dl>
<dt></dt>
<dd></dd>
</dl>
5.超链接 内容 6.表格 7.div:是用于划分区域的盒子标签,块标签
路径 绝对路径:从协议或者盘符开始的路径。 相对路径:从当前位置出发,得到的路径。 同级 直呼其名 上级 ../ 下级 /谁