HTML-1代码初识

HTML基本标签 了解HTML文档结构会使用HTML基本结构创建网页会使用文本相关标签和行控制相关标签会使用图像相关标签实现图文并茂的页面会使用水平线 范围标签设置页面会为页面添加Flash动画 技能展示 本章结构 HTML基本标签 网页的摘要信息 HTML基本标签 一 基本结构 编辑工具 在网页中插入Flash对象 HTML文档的基本结构 文本相关标签 水平线标签 行控制相关标签 范围标签 图像标签 HTML超文本标签语言HyperTextMarkupLanguage网页的 源码 浏览器 解释和执行 HTML源码的工具 什么是HTML HTML告知浏览器如何显示网页 HTML文档的结构 HTML文档的基本结构 我的第一个网页HelloWorld HTML网页 头部部分 主体部分 网页标题 网页内容 包括文本 图像等 这部分包括标题和其他说明信息 包括在 标签内 这部分包含文本 图像和链接 它包括在 标签内 标签标记HTML文档的开始和结束 HTML编辑工具 记事本创建网页1 打开记事本2 输入HTML代码3 保存为 html或 htm文件 注意格式问题4 打开网页预览效果DreamweaverCS5创建网页 网页摘要信息的作用有利于浏览器解析有利于搜索引擎搜索标签 网页的摘要信息2 1 搜狐 中国最大的门户网站 网页标题 标签描述文档类型和字符编码描述搜索关键字和描述 网页的摘要信息2 2 提供搜索关键字和内容描述信息 方便搜索引擎的搜索 基本HTML标签6 1 一级标题二级标题三级标题四级标题五级标题六级标题 标题 标题 标题标签 h1最大h6最小前后隔行 基本HTML标签6 2 下标上标 上标与下标标签 水H2O22 4 上标与下标显示效果 基本HTML标签6 3 特殊符号连续空格的书写方式 CopyrightAllrights 特殊符号显示效果 让子弹多飞一会 让子弹多飞一会 连续空格效果 基本HTML标签6 4 行控制相关标签段落标签换行标签 静夜思床前明月光疑是地上霜举头望明月我是郭德纲 静夜思床前明月光疑是地上霜举头望明月我是郭德纲 段落 换行 基本HTML标签6 5 静夜思床前明月光疑是地上霜举头望明月我是郭德纲 水平线标签 水平线 文本等行级内容 基本HTML标签6 6 静夜思床前明月光疑是地上霜举头望明月低头思故乡 范围标签 设置红色 大号字突出显示 请思考HTML文档的基本结构是什么 分别代表什么 插入一条直线用什么标签 小结 图像标签3 1 常见图片格式介绍 图像标签基本语法src 指定图片所在的路径alt 指定的替代文本表示图像无法显示时 图片路径错误等 替代显示的文本title 额外的提示或帮助信息 图像标签3 2 游戏手柄超便宜 音乐播放器2折 图像标签应用 图像标签3 3 图像文字混排 绝对路径文件在硬盘上的真正路径从根目录到文件的完整路径绝对路径名为 绝对路径与相对路径2 1 链接站点根目录内文件一般使用相对路径链接网站根目录外文件一般使用绝对路径src属性为 绝对路径与相对路径2 2 Flash文件的3种类型Flash源文件格式扩展名为 fla 只能在Flash程序中打开的文件格式Flash影片文件Flash程序中发布或导出的影片扩展名为 swfFlash源文件压缩后的优化媒体格式可插入到网页并上载到Web上 也可以直接浏览Flash模板文件扩展名为 swt 用户可以用它修改和替换Flash影片中的信息 在网页中插入Flash对象2 1 使用Dreamweaver向页面插入Flash动画 插入 媒体 SWF 选择要插入的Flash动画填入标题 在网页中插入Flash对象2 2 本章总结 HTML基本标签 网页的摘