2021年2月3日HTML笔记

网页文件夹的组织

about 文件夹放入线路页面

beverages用来放饮品的网页

imges用来存放图片

img图片代码
src添加本地资源
imges/drinks.gif这个是属性值代表读取imges文件夹的drinks.gif图像文件
<img src="imges/drinks.gif">
超链接

loung网页进入子链接
同样href属性值是读取文件夹里的html文件信息
<a href="beverages/elixir.html"> elixirs</a>,
<a href="about/directions.html">detailed directions</a> .


如果要从elixirs往返lounge网页需要返回需要返回父文件夹
向上一级代码是..
两级是../..
在这个案例里面lounge是父文件夹
aboue、beverages两个文件夹是子文件夹
向上走到根目录是无限制的
从父向下走子文件夹同样也是无限制的
不过在规范中不要超过255个字符，很多浏览器这是最长的长度。
<a href="../lounge.html">back to lounge</a>


elixirs选择imges图片代码
图片存放在lounge的imges文件夹所以需要elixirs所在文件夹beverages移动到imges图片里
<img src="../imges/green.jpg">

关于超链接的一些笔记

■想从一个页面链接到另一个页面时，要使用< a>标签。

■< a>标签的href属性指定了链接目标的文件。

■< a>标签的内容是链接的标签。也就是超链接，这个标签就是让你在网页上看到的链接文本。默认地，她呈现的是这个标签会有下划线，指示这是可以单击的。

■文字或图像都可以用作链接的标签。

■单击一个链接时，浏览器会加载herf属性中指定的Web页面。

■可以链接到相同文件夹中的文件，也可以链接到其他文件夹中的文件。

■相对路径是相对于链接的源Web页面指向网站中其他文件的一个链接。就像在地图上一样，重点总是相对于起点。

■使用".."可以链接到源文件上一层文件夹的一个文件。

■".."表示"父文件夹"。

■记住要用"/"（斜线）字符分隔路径中的各个部分。

■指向一个图像的路径不正确时，会在web页面上看到一个损坏的图像。

■为网站选择的文件名和文件夹名中不要使用空格。

■最好在构建网站初期组织网站文件，这样就不用在网站升级时修改一大堆路径了。

■组织网站有很多办法，具体如何组织由你来决定。