网页初级制作

网页初级制作

 

一.  基础知识:

 

   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代码能让自己更好的养成细心的习惯。后面的时间会继续学习~~~ ^_^

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值