页面效果展示视频加载中…
页面完整代码<! DOCTYPEHTML>
<
html>
< head>
<
title>
HTML页面制作技术解析
/title>
< style> a:hover{backgrond-color:yellow; }
<
/style>
< /head>
<
body>
< div style="width:5%; margin:ato; ">
<!
–使页面居中显示,并展视窗5%宽度–
< div style="position:fixed; top:px; ">
<!
–使导航菜单悬停在顶端–
< a style="margin:pxpxpx1px; "href="#chapter1"> HTML基础 /a>
<
a style="margin:pxpxpxpx;
"href="#chapter2">
元素介绍
<a style="margin:pxpxpxpx;
"href="#chapter3">
属性应用
<a style="margin:pxpxpxpx;
"href="#chapter4">
布局技巧
/a>
< div style="margin:pxpxpxpx; width:6px; overflow:hidden; ">
<!
–小div套大div隐藏滚动条–
< div style="margin:pxpxpx8px; width:61px; height:5px; overflow-y:scroll; overflow-x:hidden; ">
<!
–小div–
< p>
<!
–页面内容讲解–
< h>
<
a id="chapter1">
HTML基础
/a>
`<
/h>
在了解HTML的基础知识之前,首先我们需要明确HTML是什么。HTML是HyperText Markup Language(超文本标记语言)的缩写,它是一种用来创建网页的标准标记语言。
<
/h>
HTML元素介绍
`