📚专栏分类:前端HTML专栏
❤️感谢大家点赞👍收藏⭐评论✍️
1、什么是HTML
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
2.各部分详解
2.1标签语法
- 双标签:成对出现。例如:<p></p>.......
- 单标签:只有一个。例如:<br>,<hr>......
注意:结束标签比开始标签多一个"/"。
2.2基本框架
- html:整个网页
- head:网页头部,存放给浏览器看的信息
- title:网页标题
- body:网页主体,存放用户看的信息
在VS Code中(!)+Tab键可以快速生成框架,ctrl+B关闭侧边栏
2.3标签的关系
- 父子关系(嵌套关系)
<html>
<head></head>
</html>
- 兄弟关系
<head></head>
<body></body>
2.4注释
HTML注释是指在HTML代码中添加的一种描述性文本,这些注释不会被浏览器渲染为页面内容,而是作为开发者之间交流、文档化和调试的一种手段。HTML注释可以帮助开发者更好地理解和维护他们的代码,同时也可以提高协作效率。
注释快捷键:Ctrl键+/
2.5标题标签
标签名:标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
注意:
- h1标签在网页中只能用一次
- h2~h6没有使用限制
2.6换行与水平标签
2.7文本格式化标签
2.8图像标签
标签 | 描述 |
<img> | 定义图像。 |
<map> | 定义图像地图。 |
<area> | 定义图像地图中的可点击区域。 |
2.9路径
- 相对路径:相对于当前文件位置的路径
- 绝对路径:指向一个因特网文件的完整 URL
2.10超链接
- 超链接可以是字,词,或一组词,也可以是一幅图像,通过点击这些内容来跳转到新的文档或者当前文档中的某个部分。
- 把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
- 我们通过使用 <a> 标签在 HTML 中创建链接。
2.11音频标签
代码:
2.12视频标签
代码: