1.a元素
href:跳转的资源路径
target:代表打开资源的方式,默认值是_self,本窗口打开,其他值:_blank,新窗口打开,_parent,跳出父级框架打开,_top跳出顶级框架打开,结合框架之后,可以自定义值
2.固定锚点效果
相关css:
position:设置定位模式,其值有relative,absolute,fixed,static 默认值为static,其中relative是相对定位,absolute是绝对定位,fixed是固定,
left:代表是主体居左的距离
right:代表是主体居右的距离
top:代表是主体居上的距离
bottom:代表是主体居下的距离
left、right、top、bottom的使用有效,必要要让position的值是relative,absolute,fixed三种中的一种
代码:
3.列表元素
无序列表常用;有序列表不常用,且有序列表中ol里面只能包含li
<ol start="3" type="a">
<li>sdaklgj</li>
<li>sdaklgj</li>
<li>sdaklgj</li>
</ol>
运行结果:
dl里只能包含dt,dd;dt后紧跟至少一个dd,dt是列表项,dd是列表项的详情说明
<dl>
<dt>新闻1</dt>
<dd>新闻1的摘要1</dd>
<dd>新闻1的摘要2</dd>
<dt>新闻2</dt>
<dd>新闻2的摘要</dd>
</dl>
运行结果:
额外知识点:
①、引入css样式,需要使用link标签
相关属性:
rel : 代表引入的资源角色,stylesheet代表样式单【必要】
href : 代表引入的资源路径,可用相对路径和绝对路径【必要】
添加HTML的通用属性,比如:id,class
注意:
1、使用id属性,在书写css时,需要使用#前缀;使用class属性,在书写css时,需要使用.前缀;
2、使用id属性,属性值要求唯一的;使用class属性,属性值可以重复
html代码:
<!DOCTYPE html>
<html lang="en">
<head>
&l