HTML和CSS基础(2).

一. 列表标签.
HTML提供了三种常用的列表:无序列表、有序列表和定义列表
所有列表都是由父元素和子元素构成的。父元素用于指定要创建 的列表的类型,子元素用于指定要创建的列表项目
可以在一个列表中嵌套另外一个或多个列表。有序列表可以嵌套 在无序列表中,反之亦然

A
无序列表
各个列表项之间没有顺序级别之分,通常是并列的
用项目符号来标记列表项。
默认情况下,列表项前面显示实心圆点
ul为父元素,li为子元素(列表项)

B
有序列表
各个列表项按照一定的顺序排列
用编号来标记列表项。默认情况下,列表项前面显示阿拉伯数字
ol为父元素,li为子元素(列表项)

嵌套列表
只能将嵌套列表放在li中

二.HTML链接标签

链接是万维网的命脉。没有它们,每个页面都只能独立存在,同其他所有页 面完全地分开
链接有两个主要的部分:目标和标签 使用目标可以指定访问者链接时会发生什么。最常见的是连接到其他网页 的链接,其次是连接到网页特定位置(称为锚,anchor)的链接。目标是 通过定义URL定义的
标签是访问者在浏览器中看到的部分。
标签可以是文本、图像或二者兼有
浏览器通常使用蓝色作为未访问链接的默认颜色,使用红色或紫色作为已访 问链接的默认颜色,还会为链接加上下划线

定义超链接 a元素是创建链接的关键 创建指向另一个网页的链接:<a href="目标" target="...">标签</a> <a href="http://docs.oracle.com/javase/specs/">http://docs.oracle.com/javase/specs/</a> target="_self",目标网页在当前运行窗口打开,默认值 target="_blank",目标网页在新的窗口打开 创建锚并链接到锚。在希望用户跳转至的元素的开始标签里输入id="anchorname",输入<a href="#anchor-name">标签</a> <h1 id="top">第1章 程序设计概述</h1> <p><a href="#top">返回页首</a></p> 对于电子邮件地址:<a href="mailto:电子邮件地址">标签</a> <a href="mailto:y设置项目符号或编号 使用list-style-type:marker属性定义项目符号或编号的样式 marker为none,则无序列表无项目符号或有序列表无编号 对于无序列表,marker可以是:disc(实心圆,默认)、circle(空心圆)、 square(实心正方形方块) 对于有序列表,marker可以是: decimal(阿拉伯数字,默认) upper-alpha(大写英文字母,A、B、C等) lower-alpha(小写英文字母,a、b、c等) upper-roman(大写罗马数字,I、II、III、IV等) lower-roman(小写罗马数字,i、ii、iii、iv等)[email protected]">[email protected]</a>


猜你喜欢

转载自blog.csdn.net/tatebrwonjava/article/details/79619355