<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* {
margin: 0
padding: 0
}
.nav {
height: 45px
line-height: 45px
background: #007cc2
}
.nav .ul {
float:left
position:relative
margin-left: 5px
}
.nav .li {
text-align: center
width: 99px
}
.nav .a {
font-weight: bold
color: #fff
}
.nav .li:hover {
background: #e98304
}
.ul .li:hover .gaikuo{
display:block
}
.gaikuo {
display: none
position:absolute
z-index:999
top:100%
left:0
width:100%
font-size: 10px
background: #c86d04
}
</style>
</head>
<body>
<div class="nav">
<div class="ul">
<a href="#" class="a">首页</a>
</div>
<div class="ul">
<div class="li">
<a href="#" class="a">刘铁概括</a>
<div class="gaikuo">
<div class="li">
<a href="#" class="a">学校概况</a>
</div>
<div class="li">
<a href="#" class="a">发展规划</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
1、创建一个html文件，并使用文本编辑器打开，输入html基本元素：
2、文本对齐全方式可通过设置<p>元素的align属性完成，基本格式如下：
<p align="对齐方式">文本段落</p>，
对齐方式有：left, center, right，如左对齐方式：align="left"
3、右对齐方式为：align="right"
扩展资料：
HTML书写方式：
它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，
1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。
2、半所见即所得软件，
如：FCK-Editer、E-webediter等在线网页编辑器；
尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text 2收费但可以无限期试用）。
3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：
AMAYA（出品单位：万维网联盟）；
FRONTPAGE（出品单位：微软）；
Dreamweaver（出品单位：Adobe）。
4、所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）