EasyDemo*Html图像和链接、列表知识点个人总结(三&&四)

三、图像和链接

1.1URL

1.1.1URL

*URL:统一资源定位器，用来标识网络中的任何资源

     -文本、图片、音视频文件，段落，或其他超文本

*完整URL组成

 -协议、机名、路径名、文件名

        

1.1.2相对路径和绝对路径

*相对路径:指文件的位置是相对于当前文件的位置。它包括目录名，或指向一个可以从当前目录出发找到该文件的路径

*绝对路径:指的是文件从最高级目录下开始的完整的路径，五路当前路径是什么，使用绝对路径总是能找到要链接的文件

1.2图像

1.2.1图像元素<img>

*使用<img>元素将图像添加到页面

*必须属性:src

*常用属性:width、height

1.3链接

1.3.1链接元素<a>

*使用<a>元素创建一个超级链接，语法如下

 <a href=”” target=””>文本</a>

 -href属性:链接URL

 -target属性:目标,可取值为_blank、_self等

 

1.3.2锚点(不懂)

四、列表

1.1列表的作用

1.1.1列表的作用

*列表是指将具有相似特征或者具有先后顺序的几行文字进行对其排列

*所有的列表都由列表类型和列表项组成

 -列表类型:有序列表<ol>和无序列表<ul>

 -列表项:<li>,用于指示具体的列表内容

1.2使用列表

1.2.1有序列表<ol>

*<ol>元素编写有序列表，用于列出页面上有特定次序的一些项目

*<ol>元素中也只能包含列表项元素<li>

 

1.2.2无序列表

*<ul>元素表示无序列表，用于列出页面上没有特定次序的一些项目

*<ul>元素中只能包含具体的列表项元素<li>

 -列表中包含的每一项都必须包含在起始标记<li和结束标记</li>之间

 

1.2.3列表嵌套

*将列表元素嵌套使用，可以创建多层列表

 -常用于创建文档大纲、导航菜单等