舒的笔记 0921

舒的笔记 0921

快速体验html的功能

标签的分类

• 单标签
• 双标签

标签的用法

单标签在需要的地方使用

双标签可以包裹内容

更多的单标签

排版标签

h系列的标签
h1-h6

我是标题

我是标题

我是标题

p标签
段落标签，包裹文本，换行间距较大

p标签，换行的间距大
br标签，也可以换行，它的换行间距小

p标签是双标签，它可以包裹内容
br标签是单标签，它无法包裹内容

div标签
换行效果，文字无样式的改变

span标签
不换行，文字无样式的变化

文本格式化标签

常用标签

a 标签，超级链接标签

做一个链接，文字是百度，点击后跳转到百度新闻的首页

<a href="https://news.baidu.com/">百度</a>

img图片标签

例子

<img src="https://m1-1253159997.image.myqcloud.com/imageDir/d94959b1170b593e601317e2362b2fab.jpg" alt="">

<img src="ws.jpg" alt="" width="500">

表格标签

table是表格的范围

tr是行，一个表格由多个行组成

td是单元格，一个行是由多个单元格组成的

例子，绘制一个学生信息表

<table>
    <tr>
        <td>学生姓名</td>
        <td>年龄</td>
        <td>分数</td>
    </tr>

    <tr>
        <td>张三</td>
        <td>18</td>
        <td>60</td>
    </tr>
    
    <tr>
        <td>李四</td>
        <td>14</td>
        <td>66</td>
    </tr>

</table>

需求，表格要有边框

设置 border属性值为1可以得到下面的效果

仍然不满足需求

办法：

让单元格的间距值为0，让单元格紧密贴在一起

cellspacing，单元格间距

填充间距，cellpadding
表格边框与文字的距离