【HTML的定义、标签、表格、表单、超链接、HTML的列表】

最新推荐文章于 2024-09-12 19:13:21 发布

renrenrenrenqq

最新推荐文章于 2024-09-12 19:13:21 发布

阅读量530

点赞数

文章标签： html 前端 css

本文链接：https://blog.csdn.net/renrenrenrenqq/article/details/122010507

版权

本文详细介绍了HTML的基本概念，包括HTML的定义、不区分大小写的特性以及块级元素和行内元素的区分。接着，重点讲解了表格的创建、跨行跨列操作以及表格的结构。此外，还阐述了超链接的使用，包括如何插入图片、设置链接地址以及属性的运用。最后，探讨了HTML的列表类型，如无序列表和有序列表的实现。

摘要由CSDN通过智能技术生成

HTML的定义、标签、表格、表单、超链接、HTML的列表

1.关于HTML

2.标签

2.1块级元素

2.2行内元素

2.3快捷键及特殊标签

3.表格

3.1表格的使用

3.2跨行与跨列

3.3表格的构造

4.超链接(图片与网站）

5.HTML的列表

1.关于HTML

1.1HTML：超文本标记语言
1.2 不区分大小写，建议需要小写。
1.3 是由标签构成
分类：单标签，双标签
性质分类：块级元素和行内元素
1.4HTML的基础结构
基本结构如图所示

2.标签

2.1块级元素

常见有
hr：水平线
h1–h6:标题
p：段落
table：表格
tr：行
td：单元格
span标记
br分段

2.2 行内元素

**a: 超链接
href:“目标地址”
img:插入图片
src:“资源文件的路径”
路径：1 相对路径（./ ,…/）通常当前目录的“./”是可以省略的
2 绝对路径：从磁盘的根目录开始出发（D://images/1.jpg）
alt:“当图片找不到时会展示alt的内容”
title:当鼠标放在图片上时，给与的提示
width:定义宽度
height:定义图片的高度 **
在这里插入图片描述

2.3快捷键及特殊标签

**标记注释：ctrl+/
空格&nbsp+;
格式化：alt+shift+f
**

3. 表格

3.1表格的使用

1.table,tr td依次连用
2.可以trn>tdn更加快捷
如下所示2*2
在这里插入图片描述

3.2 跨行与跨列

跨列：colspan:"几个列"
跨行：rowspan: 跨行

            <tr>
                <td colspan="2" class="p1"></td>
                <td colspan="5">本日收支额</td>
                <td colspan="2">本月</td>
                
            </tr>
            <tr>
                <td colspan="2" class="p1 p2"><span>项&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目</span>