html个人简单练习

这段时间学习了html基础教程,与书籍相结合,但是实践的较少。
试着用之前学的做一个简单的网页。
今天主要完成了首页页面制作
涉及到导航、链接、图片映射、块级操作、布局、应用音频、表单

大约效果就是这样:
这里写图片描述

刚开始不会调整尺寸,导致会有左右方向的滚动条。
网上搜了搜用<center> 可以使页面居中。就对导航和标题栏进行了居中处理。

但是导航栏我现有知识还是不怎么会调整间距,我是手动加了&nbsp改变的。导航取消下划线:添加text-decoration:none;到a中的style。

关于div之间默认换行,网上说的很多方法都没有成功,后来是调整了产生空行div的margin-top为-10px解决了。后来修改着突然发现不用也正常了。

这个页面应用最多的就是锚。用坐标标记了对应的人物区域去做图片映射,链接到人物对应的锚(人物介绍)。
关于图片映射:

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值