黑马程序员手把手教你创建一个HTML5页

北京白癜风治疗最好医院 https://mip.yyk.99.com.cn/fengtai/68389/jingyan-392913.html

创建第一个H5页面

网页制作过程中,为了开发方便,通常我们会选择一些比较便捷的工具。如:Editplus、notepad、sublime、Dreamweaver等;实际工作当中,最常用的网页制作工具书Dreamweaver。接下来我们就要使用DreamweaverCS6来创建一个HTML5页面,具体操作如下:

(1)打开DreamweaverCS6,选择菜单栏的中的文件---新建命令---弹出新建文档的对话框,在“页面类型”列表中选择“HTML”选项,并在右下角的“文档类型”下拉菜单中选择“HTML5“

(2)单击”创建按钮“,将会新建一个HTML5默认文档,切换到”代码“视图,这时在文档窗口会出现Dreamweave自带的代码,如下图:

(3)修改HTML5文档标题,将代码title与title标记中的”无标题文档“,修改成”第一个网页“。然后在body与/body标记之间添加一段文本”这是我第一个HTML5页面哦“具体代码如下所示:

!doctypehtmlhtmlheadmetacharset=utf-8title第一个网页/title/headbody这是我的第一个HTML5页面哦/body/html

(4)在菜单栏中选择---选项,其快捷键为Ctrl+S。之后在弹出来的”另存为“对话框中选择文件的保存地址并且输入文件名即可保存在文件。;i如,我们会把这个example0.1html,保存在D盘的”HTML5+CSS3“文件夹下”教材案例“的01文件夹中。

(5)在谷歌浏览器中运行example01.html,就可以得到我们想要的第一个简单的HTML5页面了。

需要注意的是:由于谷歌浏览器对HTML5以及CSS3耳朵兼容性支持比较好,而且调试网页非常方便,所以在HTML5网页的制作过程当中谷歌浏览器是最常用的。




转载请注明:http://www.aierlanlan.com/tzrz/1658.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了