一、
1、 html 注释 <!-- 单行或多行注释内容 -->
2、 <!DOCTYPE html> 当前文档类型是 html5
3、 <html lang="en"> 当前html 文档的语言是 English
<html lang="ch"> 当前html 文档的语言是 中文
4、 <head> 1).主要是文档的描述信息,关键字,编码
2).加载一些外部资源:样式表,脚本
3).主要是给浏览器解析,给搜索引擎看的
5、 <meta name="keywords" content="关键字">
<meta name="description" content="页面描述内容">
6、 <link rel="stylesheet" type="text/css" href= "a.css">
7、 <script src="js/a.js"></script>
二、
1、 页面中看得到的, 一般都是元素,元素是用标签来表示的
2、 标签是用来描述元素,因为元素不同,有文本,图像不一样的,
所以标签也有很多种
3、 根据标签描述对象的不同,标签分为双标签和单标签
4、 如果标签中有文本或者子标签,一般都是用双标签来表示的
5、 如果标签中的内容,来自一个外部资源,比如图像,文件大多是单标签
6、 标签的属性必须写在开始标签中,单标签就直接写在标签中
7 属性的基本格式: 属性名 = “值”,属性名=“值”, ......可以有多个名值对
8、 属性如果是单位值像素,则可以不用加px,因为默认就是px
9、 文本是页面中最重要的内容,也是唯一被搜索引擎直接识别的元素
三、
1、 标题标签: h1~h6
2、 <hr/> 水平线
3、 <br/> 换行
4、 <strong> 字体加粗 </strong>
5、 <em> 斜体字 </em>
6、 <pre> 格式化代码 </pre>
7、 <p>段落文本</p>
8、 <a href="" target="_blank"> 百度 </a>
target="_blank" 在新的窗口中打开
target = "_self" 在当前窗口中打开
target=" _parent" 父窗口打开
target=" _top" 在最顶层的窗口中打开
四、
1、 <img src="img/a.png" alt="图片”width="200">
图像的高度和宽度,只设置一个,则另一个会等比缩放
2、 <table></table> 表格标签
3、 创建表格的基本步骤: 先写行,再写列(单元格)
4、 用户数据全部保存在单元格中的
5、 <tr></tr> 行,<td></td> 列 ,<th></th> 表格表头 , <caption>表格标题</caption>
小粟子 <table border= "1" cellspacing="0" cellpadding="5" align="center" width="88%" > <caption><h3>表格标题<h3></caption> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="2" bgcolor="lightyellow" <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="1" bgcolor="lightcyan"></colgroup> <thead> <tr bgcolor="#abcdef"> <th>姓名</th> <th>性别</th> <th>年龄</th> <th rowspan="2" colspan="2">编辑</th> </tr> </thead> <tbody> <tr align="center"> <td>小一</td> <td>男</td> <td>21</td> <td><a href="#">增加</td> <td><a href="#">删除</td> </tr> <tr> <td>小二</td> <td>男</td> <td>22</td> <td><a href="#">增加</td> <td><a href="#">删除</td> <tr> </tbody> <tfoot> <tr> <td>one</td> <td>two</td> <td>three</td> <td><a href="#">增加</td> <td><a href="#">删除</td> </tr> </tfoot> </table>
cellspacing="0" 单元格间的间隙
cellpadding="5" 内容与边框的距离
align= "center" 表格在文档中的对齐方式,放在<table> 里是表格居中,
放在 <tr> 或 <td> 中则是表格内容相对表格的对齐方式
width = "500" 表格的宽度
bgcolor ="skyblue" 设置表格的背景颜色,深蓝
<th></th> 默认样式: 加粗,居中
thead,tbody,tfoot 仅仅是一个分区标识,没有任何样式
<colgroup></colgroup> 表格分区
<td colspan="3">合并三列</td> 是水平方向的合并
<td rowspan ="2">合并二列</td> 竖直方向的合并
<td colspan="2" rowspan="2" align="center">合并两行两列内容居中</td>
表格里可以放链接,图片,文本,嵌套表格