网页设计与地图应用 (22).pdf

网页设计与地图应用网页设计与地图应用03MyFirstHtml上机练习上机练习第一个第一个HTML5网页设计与实现网页设计与实现第一个第一个HTML5网页设计与实现网页设计与实现新建MyFirstHtml5.html文件并右键选择Notepad+打开第一个第一个HTML5网页设计与实现网页设计与实现如下格式，注意缩进：第一个第一个HTML5网页设计与实现网页设计与实现效果预览：如果出现中文乱码，在标签上面加上下面一句第一个第一个HTML5网页设计与实现网页设计与实现CSS了解尝试：https:/ 指层叠样式表(Cascading Style Sheets)第一个第一个HTML5网页设计与实现网页设计与实现添加样式：在html同一个文件夹下用建html文件类似的方式建立.css文件，命名为MyFirstHtml5.css打开第一个第一个HTML5网页设计与实现网页设计与实现header,nav,article,footerborder:solid 1px#666;padding:10px;margin:3px;第一个第一个HTML5网页设计与实现网页设计与实现打开html文件，添加一句代码：刷新，或者重新用浏览器打开MyFirstHtml5.html预览效果第一个第一个HTML5网页设计与实现网页设计与实现继续在MyFirstHtml5.css文件中添加样式第一个第一个HTML5网页设计与实现网页设计与实现navfloat:left;width:8%;height:500px;articleheight:300px;#contentborder:solid 1px#666;margin:3px;float:left;width:89%;height:500px;footerpadding-top:10px;clear:both;width:auto;overflow:hidden;margin-bottom:10px;第一个第一个HTML5网页设计与实现网页设计与实现刷新，或者重新用浏览器打开MyFirstHtml5.html预览效果第一个第一个HTML5网页设计与实现网页设计与实现完成第一个完成第一个Html5Html5网页设计与制作网页设计与制作提交内容：提交内容：网页Html和CSS文件网页的内容可以在课堂的框架下自由发挥在课堂的框架下自由发挥请按照课程作业要求上传作业。Thank you！