2、第二步，在body元素内插入div、p、a和span，利用这些元素设计菜单。
3、第三步，在<style></style>内编写样式属性，设计a标签元素样式属性。
4、第四步，预览该静态页面，查看页面在浏览器中的效果。
5、第五步，设计a标签hover和active的样式属性，设置字体属性、字体大小、宽度、高度和行高。
6、第六步，添加a标签link样式属性，再次预览该静态页面。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的第一个
标签中，加入样式代码：style="float: left"。
3、浏览器运行index.html页面，此时两个div标签的文字会在同一行上。
HTML是英文 HyperText Markup Language 的缩写，它的意思是"超文本标记语言"，用它编写出文档的文件的扩展名是“.html”或“.htm”（微软的操作系统），是可供浏览器解释浏览的文件格式。你可以使用记事本，写字板或者是专业的IDE如：Dreamweaver等等编辑工具来编写HTML文件。
HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的，比如“< html >”和“< /html >”，前一个是开始标记，后面的是结束标记，在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的，“< html >”和“< HTML >”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
