学习前端的知识总结2

最新推荐文章于 2024-10-14 21:13:24 发布

沈倦的胖橘子

最新推荐文章于 2024-10-14 21:13:24 发布

阅读量459

点赞数 16

文章标签：状态模式 html5

本文链接：https://blog.csdn.net/2201_76045942/article/details/136763143

版权

2.1 前端VScode前言

使用VScode必须先保存并把后缀改为.html
使用方法：英文状态下输入一个！，选择第一个选项，系统会自动生成一个骨架
运行方法：Alt+B(或者右键选择Open in Default Browser)
补充：
<!DOCTYPE>:文档类型声明例：<!DOCTYPE html>（且必须写在首行）
lang:定义当前文档显示的语言：例：en代表英文 zh-CN代表中文
<meta charset="UTF-8">:是个万国码

3.1路径

1.相对路径：图片相对于HTML的位置
主要分为三类：
同一级路径：<img src="img.jpg"/>
下一级路径：<img src="下一级文件名/img.jpg"/>
上一级路径：<img src="../img.jpg"/>
2.绝对路径：是指目录下的绝对位置，通常是从盘符开始的路径
代码1：<img src="电脑中的路径\img.jpg"/>
注意：只能在本电脑中有此图片时可使用
代码2：<img src="网络图片地址"/>
注意：只要网上有并且电脑能上网即可使用

3.2超链接标签

1.语法规范：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

注意：href为必须属性；target中_self为默认值，在当前窗口打开，_blank为在新窗口中打开
2.分类：
外部链接：例：<a href="https：//www.qq.com">腾讯</a>（必须要有http)
内部链接：网站内部页面之间的链接，例：<a href="网站名">文本或图像</a>
空链接：<a href="#">文本或图像</a>
下载链接：.exe或zip等压缩包形式，例：<a href="文件名">下载文件</a>
网络元素链接：例：<a href="https：//www.baidu.com"><img src="img.jpg"/></a>#点击图片或其他元素，就会自动跳转到该网页
锚点链接：快速定位，文本：<a href="#1">文字或图像</a>（必须要有#）定位点：<h3 id="1">内容</h3>(只需要在标签里加上id="自己起的名字"即可）