HTML入门 day01

最新推荐文章于 2024-09-13 17:21:46 发布

qq_46472106

最新推荐文章于 2024-09-13 17:21:46 发布

阅读量226

点赞数

分类专栏： html 文章标签： html html5

本文链接：https://blog.csdn.net/qq_46472106/article/details/107684451

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML入门 day01

属性

1.属性的分类

1.核心属性（大多数都有的）

①id属性：唯一的标识
②class属性：一类的属性
③style属性：style=“css代码”
style=“color:red”
④title属性：元素的名称

2.特有的

①img元素 src=“图片的地址” alt=“默认显示的文字”
②a超链接 href=“文件的地址” target=“跳转页面（_self:跳转到本页面，_blank跳转到新的页面）”

3.自定义

<span data-name="题目">你好啊</span>

2.img属性
1.本地绝对路径：

<img scr="本地图片的地址"  alt="图片找不到了" width="200px"  height="200px">

2.本地的相对路径
在本文件夹中创建images文件夹，将要引入的图片放在里面。

<img src="./xxxxx">

src表示图片的URL地址（必须）
alt是图片显示不出来时，用文字来描述图片的（2g网时常用）
width表示图片的宽度，单位px
height表示图片的高度，单位px

table标签

table在html文档中代表表格，通过二维数据表来表示数据
重要标签

1.align 表格在文档中的对齐方式
取值：left，center，right
2.border 设定表格边框特性，取整数，单位为px
3.cellpadding 设定内容与单元格之间的距离
4.cellspacing 设定单元格与单元格之间的距离

常用的标签有

1.thead 表示表头，包含很多tr 和td
2.tfoot 表示标脚，包含了对表的总结信息
3.tbody 表示表格的整体，包含很多的tr
4.caption 表示表格的标题信息写在table后
5.tr 表示行可以包含很多 td 和 th
6.td/th 用来包含数据的单元格。th常用于表头（字体加粗）
7.colspan 跨列数
8.rowspan 跨行数
9.width 宽度 height 高度

<table border="1" cellspacing="0" cellpadding="20" width="100%" height="300px">
        <caption>删除表格</caption>
        <tbody>
        <tr>
            <th>姓名</th>
            <td width="100px"></td>
            <th colspan="2">年龄</th>
            <!-- <td>21</td> -->
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
    </table>