网页初级制作
网页初级制作
一. 基础知识:
1. 代码的编写,分为几个部分:(均为成对出现)
<html>
<head> 头部:引入外部文件、设置网站的标题、添加css代码和javascript代码
</head>
<body> 主体:网页的主要内容
</body>
</html>
2. //js函数的定义格式
<script>
function 函数名(参数名){}
</script>
//给标签取名
id:当前页面的所有标签对象id值不允许一样
class:当前页面标签对象class允许相同
name:当前页面标签对象允许相同
3. Body部分中最重要的是:
div标签:布局页面的排版模块
css样式:设计网站中的div的一些基本属性
二. 下图是仿空间的截图:
三.关键代码:
* 顶部黑色条框左边“个人主页”等区域,鼠标移进文字区域,底色变成灰色,移出后恢复为黑色
* 搜索框触发事件代码:
单击后,文本框为空,底色变为白,移出后单击文本框显示,且底色还原为灰色
* 去掉下划线:
style="text-decoration:none"
* 添加背景音乐:一共有三种,在此介绍两种
1.不显示面板,只有背景音乐,在头部添加此代码:
<bgsound src="images/anyong.mp3" loop="-1">
2.显示面板(最上面截图中为谷歌浏览器中显示效果,IE中显示不同)
关键代码介绍完毕,现在完成的只是其中页面的很小一部分,运用的知识也比较少,但是html代码能让自己更好的养成细心的习惯。后面的时间会继续学习~~~ ^_^