学习html第二天

学习目标：

1.学会标签，链接的用法

2，学会列表的使用。

学习内容：

链接：

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签<a> 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。

访问过的链接显示为紫色并带有下划线。

点击链接时，链接显示为红色并带有下划线。

<a href="链接"></a>

这个可以用在跳转外网链接，跳转本地链接，锚点链接,下载链接

跳转外网例如跳转百度：

<a href="http://www.baidu.com"></a>

跳转本地html

<a href="xxx.html"></a>

锚点链接用于同一网页的内容上下跳转

先用<a href="#名称l"></a>定出名称

在所要跳转前添加<a id="名称l"></a>

下载链接指向安装包

<a href="安装包"></a>

使用 target 属性，你可以定义被链接的文档在何处显示

target="_blank"会让链接文档在新窗口打开。默认或者target="_self"会在当前位置打开。

列表：

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用 <ul> 标签

 效果如下：

没有先后顺序，选项都是小圆点。

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

实现如图：

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

实现如图：