Collection
Collection
一、
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>
表格里可以放链接，图片，文本，嵌套表格
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
