为网页添加列表和超链接

1.列表标签:
无序列表:ul(unordered list ),内部嵌套多个li(列表项)标签;
ul与li都拥有type属性:disc、circle、square;
ul中只能嵌套li,不能直接在ul标签中输入文字;

有序列表:ol(ordered list),ol标签内部可以嵌套多个li标签;
type:1(默认)、a或A、i或I;
start:数字,规定项目符号的起始值;
value(li):数字,规定项目符号的数字;
使用ol/li的type、start、value属性,最好通过CSS样式属性替代;

定义列表:dl(definition list):dl、dt:指定术语名词、dd:对名词进行解释和描述;一对dt标签可以对应多对dd;
dl、dt、dd三个标签不允许出现其他标签;
dl标签必须与dt标签相邻;

2.CSS控制列表样式:
list-style-type:用于控制列表显示符号的类型;
由于各个浏览器对list-style-type属性的解析不同,因此实际网页制作过程中不推荐使用;

list-style-image:引用项目图像;
列表项目图像和列表项难以对齐,不推荐使用;

list-style-position属性:inside:列表项目符号位于列表文本以内;
outside:列表项目符号位于列表文本以外(默认);

life-style:语法:life-style:列表项目符号 列表项目符号的位置 列表项目符号图像(不需要的项目可以省略);

3.超链接标签:
<a href=“跳转目标” target=“目标窗口的弹出方式”~ 文本或图像</a~ ;
terget:用于连接页面的打开方式,_self:默认值;
_blank:在新窗口中打开;
暂时没有确定链接目标时,通常将a标签属性定义为“#”,表示该链接为空链接;
不仅可以创建文本超链接,在网页中各种网页元素(图片、表格、音频等)都可以添加超链接;
去除链接图像自动添加的边框效果:<a href="#"~ <img src=“图像URL” border=“0” /~ <a/~;

锚点链接:直接跳转到指定位置的内容;

4.链接伪类控制超链接:
a:link{CSS样式规则 } :超链接的默认样式;
a:visited{CSS样式规则}:超链接被访问过后的样式;
a:hover{CSS样式规则}:悬停时的样式;
a:active{CSS样式规则}:鼠标单击不动时的样式;
使用4种伪类时,对排列顺序通常按照a:link、a:visited、a:hover、a:active的顺序书写;
伪链接常常用于控制超链接的背景、边框等样式;

Guess you like

Origin blog.csdn.net/qq_43575611/article/details/106676440