HTML5实训报告-2018143057-化同学.docxVIP

HTML5实训报告 班级：网络A182 姓名：王新 学号：2018143057 时间：2019.7.4 一、实训目的 掌握网站的建立，能够建立规范的站点，完成首页面和子页面的简单制作，并能够实现完整网站效果。 强化HTML5相关标记、CSS3样式属性、布局和排版。对HTML5 的各种知识标记能够理解并应用，掌握用Hbuild开发环境开发软件的过程和方法。 实训期间，利用HTML5+CSS3知识和技巧，独立完成所布置程序设计题目。在分析设计过程中，养成良好的设计习惯，学会分析简单的实际问题。 二、实训地点 山东水利职业学院新实训楼四楼实训室 三、实训时间 2019.7.1-2019.7.7 四、实训任务 1.熟练运用HTML5软件 2、进一步了解CSS样式 3、了解HTML标记语言的运行环境 5、学会运用HTML标记语言解决实际问题 五、实训内容 1.网页相关技术介绍 HTML 超文本标记语言,即HTML(?Hypertext?Markup?Language),是用于描述网页文档的种标记语言。超级文本标记语言(英文缩写:HML)是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果 HBuilder 是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE CSS是英语 Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言,通常又称为“风格样式表( Style Sheet)”,它是用来进行网页风格设计的。 2.手机商城网站规划 移动互联网行业的飞速发展,越来越多的企业开始意识到手机商城网站建设的重要性,也纷纷通过构建手机商城网站进行营销，手机商城网站必定会成为未来行业的火爆点。 3.部分代码 head meta http-equiv=Content-Type content=text/html; charset=utf-8 / link rel=stylesheet type=text/css href=style/1.css id=css / script type=text/javascript src=js/dh.js/script script type=text/javascript src=js/jquery-1.7.2.min.js/script script type=text/javascript src=js/base.js/script title古典诗词/title /head body div width=1024 border=0 align=center cellpadding=0 cellspacing=0 div div height=50 style=overflow:hidden; width:993px; div style=float:left; class=logo/div /div /div /div header class=header nav class=menu radius ul class=nav li class=a href=index.html首页/a/li li class=a href=hyjs.html有关山东诗句/a/li li a href=jcmt.html精彩壁纸/a /li lia href=xwgg.html新闻报道/a/li li class=a href=lxwm.html联系我们/a/li li class=a href=lxwm.html姓名：化敬允/a/li li class=a href=lxwm.html学号：2018143057/a/li /ul /nav /header div class=banner script var box =new PPTBox(); box.width = 1600