html标签和表格

<h1>—<h6>为标题标签,例如<h1>这是一个标题</h1><h2>这是一个标题</h2>

<h1>标签字体最大，用作最重要的标题，<h2>其次，随后是<h3-h6>

<p>这是一个段落</p>，段落标签，<p>标签会自动分行

<hr>水平分割线标签

<br>换行标签

<!--...--> 注释标签，可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们，例如<!--这是一个注释-->，快捷写法  Ctrl+/

<img src="">图像标签，在里面添加图片

<a href=""></a>超链接标签，可以在双引号里面添加网址，可以跳进对应网址，要把其他标签写进超链接标签里面，例如<a href="百度一下，你就知道"><h1>百度一下你就知道</h1></a>

<table></table>表格标签，用来创建一个表格，相当于一个盒子，把整个表格的内容装起来。

属性： border="1" 边框
 width="450" 宽度
 cellpadding="20" 表格里单元格的内间隙（内间距）
 cellspacing="30" 表格里单元格与单元格之间的间隙
 align="center" 表格（水平方向）的对齐方式
 bgcolor 表格的背景色

<tr></tr>行标签，代表表格中的一行，如果一个表格内有九行，就有九个<tr></tr>标签

<th></th>表头单元格标签（特点内容自动加粗），

<td></td>单元格标签，除表头单元格需加粗用<th>外，一般只用<td>标签

写在<tr>标签内，一行有几格就有几个<td>标签

属性：align=“center”  表格（水平方向）的对齐方式，让表格内文字向中间对齐 

right（向右）left(向左)

tr>td*3  代表 1行里面包含3个单元格

快捷写法 创建 你需要的表格：
table>tr>th*3^tr*2>td*3

制作细线表格的步骤

方法1---：
1.把表格标签的3个属性设置为：cellpadding="0" cellspacing="1" border="0"
2.给表格标签添加属性：bgcolor="black"
3.给行标签添加属性：bgcolor="white" 

方法2---：
1.给表格标签添加属性：class="mytable"     <table class="mytable">
2.在style标签里写css样式：
.mytable{
    width: 760px;
    /* 水平居中 */
    margin: 0 auto;
    /* 为表格设置合并边框模型 */
    border-collapse: collapse;
}
.mytable td{
    border: 1px solid black;
}

<caption></caption> 表格中的标题标签，写在表格的头顶上，方便用来告诉你这是张什么表格

/* 内容的高度 */
                height: 46px;
                /* 行高 */
                line-height: 46px;
                /* 字体大小 */
                font-size: 22px;
                /* 字体加粗 */
                font-weight: bolder;
                /* 上边框线 
                1px ---边框粗细 1像素
                solid ---实线
                black ---边框颜色
                */
                border-top: 1px solid black;
                /* 右边框线 */
                border-right: 1px solid black;
                /* 左边框线 */
                border-left: 1px solid black;
            }
            .w100{
                /* 内容的宽度 */
                width: 100px;
                /* 内容的高度 */
                height: 40px;
                /* 水平居中 */
                text-align: center;
                /* 字体加粗 */
                font-weight: bolder;