框架元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>hello</title>
</head>
<body>
</body>
</html>
基本元素：
<!-- H1到H6的代码样例 -->
<h1>疯狂JAVA讲义</h1>
<h2>疯狂JAVA讲义</h2>
<h3>疯狂JAVA讲义</h3>
<h4>疯狂JAVA讲义</h4>
<h5>疯狂JAVA讲义</h5>
<h6>疯狂JAVA讲义</h6>
<hr>
<span>span测试01</span>
<span>span测试02</span>
<span>span测试03</span>
<br>
<div>divtest1</div>
<div>divtest2</div>
<div>divtest3</div>
<p>ptest001</p>
<p>ptest002</p>
<p>ptest003</p>重点：span和div的布局特征及原理
看到的布局表象特征：div是竖着布局，span是横着布局
div、h1-h6、p等都是块级元素（块级盒子），块级元素特征：独占一行，对宽度和高度是支持的
span、a等都是内联级元素（内联级盒子），内联级元素特征：不独占一行，对宽度和高度不支持
a元素：
①、超链接
<a href="http://www.baidu.com" target="_blank">跳转到百度</a>href:跳转的资源路径
target:代表打开资源的方式，默认值是_self，本窗口打开，其他值：_blank，新窗口打开，_parent,跳出父级框架打开,_top跳出顶级框架打开，结合框架之后，可以自定义值
②、锚点
<a name="h_element">H1到H6</a>相关属性：
name:代表锚点的名称
相关方法：
如何跳转到指定锚点位置？注意：记得加上 #锚点name属性的值
<a href="#h_element">跳转到H相关的元素上</a>跳转到不同页面上的指定锚点
<a href="test.html#a_element">跳转到A相关的元素上</a>③、固定锚点效果
相关css：
position:设置定位模式，其值有relative,absolute,fixed,static 默认值为static,其中relative是相对定位，absolute是绝对定位，fixed是固定，
left:代表是主体居左的距离
right:代表是主体居右的距离
top:代表是主体居上的距离
bottom:代表是主体居下的距离
left、right、top、bottom的使用有效，必要要让position的值是relative,absolute,fixed三种中的一种
<div style="position:fixed;bottom:10px;right:10px;">
<div><a href="#h_element">跳转到H相关的元素上</a></div>
<div><a href="#a_element">跳转到A相关的元素上</a></div>
</div>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
