前端伊始——初识HTML（精华总结）

以下内容为基础认知（简化精华）以及html标签部分的总结，希望对大家有所帮助，关注我，持续更新前端中哦：

老样子，上图，蕴含着好运哦！！

基础：
web标准：结构用html实现，表现由css实现，行为（交互）由js实现
html骨架：title在网页上方显示，网页内的内容是在body内的
使用工具：vscode——可以更高效地开发网页，其中有插件可以改善其功能及显示等
标签分类：单标签和双标签
标签关系：嵌套关系和并列关系
注释:crtl+/
-------------------
正文：
**html标签学习（标签在vscode中可以根据关键字母自动补全）：
一.排版标签：
1.标题标签：h1-h6，独占一行
2.段落标签：p
3.换行标签：br
4.水平线标签：hr

二.文本格式化标签：
b，strong加粗；
u，ins（insert插入，插入的和原来不一样，故下划线）下划线标签；
i，em(emphasis强调）倾斜；
s，del删除线（不要999，不要666，现在只要你们的关注，做电商那种类型的删除线效果）

三.媒体标签：
1.图片标签：img 其中的属性有：src：目标图片的路径  alt：图片加载不出来时的替换文本  title：鼠标悬停在图片上时出现的信息  width：加载图片的宽  height即高
2.属性的注意点：
（1）标签的属性写在开始标签内部
（2）属性之间以空格分开
（3）一般加载图片时只使用宽或高其中一个，因为使用不当会变形，写一个会自动适应原比例
3.路径：
（1）绝对路径：网址全名，盘符开始的路径，根目录（ios）
（2）相对路径：html文件与目标文件在同一级时，直接把文件名写在arc即可；当含有html文件的文件夹和目标文件在同一级时，此时可以../表示上一级来找到目标文件；当含有目标文件的文件夹和html文件在同一级时，可以先写出./表示当前级，写出含有目标文件的文件夹名加/找到目标文件
4.音频标签：
(1)标签名：audio
(2)常见属性：src，controls，autoplay（一般不适用），loop
(3)一般用的音频格式为MP3格式
5.视频标签：
（1）标签名：video
（2）常见属性：和音频标签一样（但自动播放可以配合muted属性实现静音播放，不静音无法播放）
（3）常MP4

四.链接标签（超链接）：
1.标签名：a
2.特点：
（1）双标签，内部可以包裹内容（包裹的内容即为跳转页面的指示文字）
（2）href指示的即是指定界面的路径,若为开发初期无目标界面，可以先用#空链接
（3）target属性表示目标网页的打开形式，其值为_self时表示覆盖式打开，为_blank时表示新建式打开