HTML入门基础知识(三)
- html标签入门基础知识
- HTML常用标签(二)
- 图像标签和路径
- 图像标签
- 图像路径
- 目录文件夹和根目录
- 图片路径
- 超链接标签
- 超链接的语法规范
- 链接的分类
- html中的注释和特殊字符
- 注释
- 特殊字符
html标签入门基础知识
HTML常用标签(二)
图像标签和路径
图像标签
在html标签中,< img>标签用于定义html页面中的图像。
单词image的缩写,意思为图像。
例子:
src是< img>标签的必须属性,它用于指定图像文件的路径和文件名。
(属性简单理解为就是属于这个图像标签的特性)
图像标签的其他属性:
例子:
注意:
1、图像标签可以拥有多个属性,必须写在标签名的后面。
2、属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3、属性采取键值对格式,即key="value"的格式,属性=“属性值”。
图像路径
目录文件夹和根目录
实际使用中,文件不能乱发,需要一个文件夹来进行管理。
目录文件夹:就是普通文件夹,只是里面存放做网页所需要的相关素材,比如html文件、图片等等。
根目录:打开目录文件夹的第一层就是根目录。
图片路径
网页中的图片会非常多,所以需要新建一个images的文件夹在存放图像文件,这时再查找图像就需要采用“路径”的方式来指定图像文件的位置。
路径分为相对路径和绝对路径。
相对路径:以引用文件所在位置为参考基础,建立出的目录路径。
绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
注意:
绝对路线是使用 \ 斜杠,而相对路径是使用 / 斜杠区分文件夹。
超链接标签
在html标签中,< a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
超链接的语法规范
单词anchor的缩写,意思为锚。
俩个属性的作用:
链接的分类
1、外部链接,例如< a href=“http://www.baidu.com”>百度< /a>
2、内部链接:网站内部页面之间的相互链接,直接链接内部网页名称即可,例如< a hreh=“index.html”>首页< /a>。
3、空连接:当前没有确定链接目标时,例如< a href="#">首页< /a>。
4、下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5、网页元素链接:在网页中的各种元素,如文本、图像、表格、音频、视频等等都是可以添加超链接。
6、锚点链接:点我们点击的链接,可以快速的定位到页面中的某个位置。
(在链接文本的href属性中,设置属性值为#名字的形式,例如< a href="#two">第二集< /a>;找到目标位置标签,里面添加一个id属性=刚才的名字,如:< h3 id=“two”>第二集介绍< /h3>)
例子:
html中的注释和特殊字符
注释
注释:在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字。
html中的注释以“< !–”开头,以“-- >”结束。
特殊字符
在html页面中,一些特殊字符很难或者不方便直接使用,此时我们就可以使用下面的字符来代替。
(ps:引自pink老师~,刚刚开始作为自己的学习笔记写,如有不好请见谅,阿里嘎多)