HTML+CSS一个简单的电影网页制作作业，学生个人html静态网页制作成品代码, html电影速递网

最新推荐文章于 2024-06-11 14:36:58 发布

我的大学生活

最新推荐文章于 2024-06-11 14:36:58 发布

阅读量173

点赞数

分类专栏： web前端期末大作业文章标签： html css 课程设计

本文链接：https://blog.csdn.net/qq_38512570/article/details/129978816

版权

一篇适合初学者的HTML+CSS电影网页制作教程，涵盖了网页布局、CSS样式和HTML编辑软件的使用，包括Div+CSS、表单、多媒体元素等知识点，适合个人网页设计作业。

摘要由CSDN通过智能技术生成

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。

一、网页介绍

1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。

2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点。

一、网页效果

在这里插入图片描述

二、代码展示

1.HTML代码

代码如下（示例）：以下仅展示部分代码供参考~

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电影速递</title>
	<link rel="stylesheet" type="text/css" href="css/电影速递.css">
</head>
<body>	
   <audio loop autoplay>
   <source src="music/麻雀.mp3" type="audio/mpeg">
   </audio>

            
        <script> $(document).snowfall(); </script>



	<div class="big">
	   <div class="main">
	  
	   <header>
	    <div class="nav">
		    <h2><span class="biaoti">电影速递</span>
		    	<marquee class="gundong" align="left" behavior="scroll" direction="left" height="30" width="600" loop="-1" scrollamount="5" scrolldelay="10" onMouseOut="this.start()" onMouseOver="this.stop()">
                欢迎来到电影速递，一个推荐好电影的网站
                </marquee>	 
		    	<a href="login.html">登录</a>
		    	<a href="register.html">注册</a>		    	
		    </h2>
		    <div class="fenlei">
	          <ul>
	            <li>电影首页</li>
	            <li>最新上映

最低0.47元/天解锁文章

我的大学生活

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS一个简单的电影网页制作作业，学生个人html静态网页制作成品代码, html电影速递网

1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
复制链接

扫一扫