什么是HTML?
- HTML是一种超文本标记语言。
- 超文本(链接)
- 标记(带尖括号的标签)
标签语法
- 标签都是成对出现的,中间可以包裹内容
- <>里面放标签的名字,一般都是小写
- 结束标签多一个 /
- 标签还可以分为单标签、双标签
单标签
<input type="text">
双标签
<strong>加粗</strong>
HTML基本骨架
- html:包裹了整个网页
- head:表示网页的头部
- body:表示网页的主体
标签的关系
- 父子关系(嵌套关系)
<html>
<body>
</body>
</html>
- 兄弟关系(并列关系)
<head>
</head>
<body>
</body>
标题标签
标签名:h1~h6(双标签)
特点:
- 独占一行
- 字号逐级减小
- 文字加粗
注:h1标签只能用一次,h2~h6没有次数限制
段落标签
<p>我是段落</p>
特点:
- 独占一行
- 段落间有间隙
换行符和水平线标签
<br> //换行符
<hr> //水平线
注:换行符和水平线都是单标签
文本格式化标签
作用:为了强调语义,可以适当添加文本格式化标签。
标签名 | 效果 |
strong | 加粗 |
em | 倾斜 |
ins | 下划线 |
del |
图像标签
作用:用来引入图片
<img src="./images/精灵图.jpg">
src
用于指定
图像的位置和名称
,是 <img> 的
必须属性
。
图像-属性
- 属性写在尖括号里面,标签名后面,标签名和属性之间用空格隔开,不区分先后顺序。
路径
路径指的是查找文件时,从起点到终点的路线。
路径分类:
相对路径:从当前文件位置出发查找目标文件
<img src="./images/精灵图.jpg">
- / 表示 进入某个文件夹里面
- . 表示 当前 文件所在文件夹
绝对路径:从盘符出发查找目标文件
<img src="D:/html/images/精灵图.jpg">
超链接
作用: 点击跳转到其他页面。<a href="https://www.baidu.com/">百度一下</a>
href属性是跳转的地址,是超链接标签的必须属性。
超链接默认是当前窗口跳转页面,添加target="_blank"属性可以实现在新窗口打开。
如果还不确定要跳转的链接,可以设置href="#",表示当前页面刷新一次。
音频标签
<audio src="音频的 URL"></audio>
常见属性
视频标签
<video src="视频的 URL"></video>
常见属性
标签:标签,初识,HTML,超链接,跳转,换行符,属性 From: https://blog.csdn.net/m0_73829587/article/details/137099237