html------张艾玲日记2

重点：

1.图像和链接

2.列表

一、图像和链接
1、url
1、目录结构
目录：web站点中 文件夹的名称
web站点的主目录，称之为 网址的根目录
2、url
url：(uniform resource locator),即统一资源定位器
作用：用来标示网络中的资源位置

二、路径表现形式：

     三种表现形式：
1、绝对路径
1、什么是绝对路径
从文件所在的最高级目录下开始的完成路径表现形式
1、网络资源
通过以下四个部分来获取网络资源文件的路径
1、协议名
2、主机名(域名/ip地址)
3、目录路径
4、资源文件名称

三、图像和链接

图像
1、图像格式
.jpg .jpeg .png .gif
2、图像元素
标记：<img>
属性：
1、src(源)
要显示的图像url
2、width：宽度
3、height：高度
widht和height的取值，是以px为单位的数值，可以省略px。
widht和height如果只指定其中一个属性的话，那么另外一个也会跟着等比缩放。
3、链接
1、作用
链接，又称为超链接，设置页面中允许被点击的内容。
在网页中，链接允许完成页面间的跳转动作
2、语法
1、标记
<a>内容</a>
2、属性
1、href
链接的url(要跳转到的页面地址)
2、target
目标，指定打开新网页的形式
取值：
1、_self
默认值，在自身的标签页中打开
2、_blank
在新标签页中打开
3、链接的表现形式
1、目标文档为资源下载
<a href="xxx.rar/xxx.zip">内容</a>
如果链接地址是压缩文件的话，就是下载操作
2、电子邮件链接
<a href="mailto:电子邮件地址">内容</a>
3、返回页面顶部空连接
<a href="#">返回顶部</a>
作用：
1、返回顶部
2、设置超链接，但不确定要链接到哪个位置处，使用#来代替
4、链接到js
<a href="javascript:js代码块">执行js功能</a>
4、锚点
1、作用
在页面中的某行位置处，做一个记号
方便页面能够随时跳转到记号位置处
2、使用方式
1、定义锚点
1、通过 a 标记的 name 属性定义锚点
<a name="名称">内容</a>
2、通过 任意标记的 id 属性定义锚点
<ANY id="名称">
2、链接到锚点
跳转到本页的锚点处
<a href="#锚点名称">内容</a>

跳转到其他页的锚点处
<a href="页面url#锚点名称">内容</a>

四、列表知识

3、列表
1、列表的作用
将具有相似特征或先后顺序的内容按照从上到下的方式进行排列
2、列表的分类
1、有序列表
2、无序列表
3、语法
列表的组成：
1、列表的类型
指定列表是有序的还是无序的
2、列表项
列表中所显示的内容

1、有序列表
列表类型：<ol></ol>--order list
列表项：<li></li>--list item
属性：1、type 指定列表项前面的类型，默认为数字排列
取值：1/a/A/i/I
2、start 标志的起始值是几， 默认是1
2、无序列表
列表类型：<ul></ul>--unorder list
列表项：<li></li>--list item
属性：type 指定列表项前面的类型，默认为实心圆
取值：disc /circle/ square /none
实心圆/空心圆/实心方块/空
3、语法
4、列表的嵌套
允许在一个列表中再嵌套另一个列表
注意：被嵌套的列表必须放在li中
5、定义列表
1、作用：往往用于要给出一类事物的定义情形
2、语法：<dl></dl>：定义一个定义列表
<dt></dt>:定义要解释的 专有名词/术语
<dd></dd>:定义对 专有名词/术语 进行解释的内容

 

 

  个人觉得这些是重点