HTML学习——HTML布局
HTML布局可对网页的整体结构进行规划
操作方法
- 01
新建Notepad并打开
- 02
使用 <div> 元素的 HTML 布局
- 03
页眉 #header { background-color:black; color:white; text-align:center; padding:6px; }
- 04
左侧导航条 #nav { line-height:50px; backgrund-color:gray; height:300px; width:100px; float:left; padding:8px; }
- 05
右侧正文 #section { width:350px; float:left; padding:5px; }
- 06
页脚 #footer { background-color:black; color:white; clear:both; text-align:centet; padding:5px; }
- 07
另存为HTML格式到桌面
- 08
打开HTML桌面生成的网页
赞 (0)