6HTML_创建网页资料.pptVIP

创建页面及代码基础 创建页面及代码基础 目标 从建立的文件了解HTML文件的基本结构 掌握创建本地站点准备页面的制作 创建、打开与保存页面 创建一个页面实例： 打开“文件”菜单----选择“新建”菜单项----出现“新建文档”对话框----“常规”选项卡----“类别”列表框中选择“基本页”类别----选择HTML选项----单击右下角的“创建”按钮----在标题栏中输入标题名称“我的第一个网页”----在“编辑区”输入“大家好，欢迎浏览我的第一个页面，祝大家愉快”----打开“文件”----选择“保存”----出现“另存为”对话框----输入名称，选择格式----单击“保存”----按F12快捷键查看页面的效果----完成。 创建、打开与保存页面 注意事项 文件名前的星号表示当前文件包含尚未保存的更改，默认标题是“无标题文档”。 创建、打开与保存页面 打开页面实例： “文件”菜单----选择“打开”菜单项----选择文件----单击“打开”按钮----编辑文件----保存文件。 了解HTML文件的基本结构 三种视图： 代码视图：查看或编辑源代码； 设计视图：显示效果，静态页面下，基本实现所见即所得。 代码视图和设计视图：窗口被拆分，上面显示代码，下面显示效果，单击“拆分”按钮进入。 了解HTML文件的基本结构 HTML文件由元素与标签组成。元素即嵌入网页中的字、图片等，标签即像