神级教程 HTML语言.ppt

* HTML 简介 超文本 提供链接到其他页面或同一页面的其他位置的文本 标记 可以用标签标记页面的不同部分以正确显示 语言 HTML 可用于： 控制页面和内容的外观 发布和检索联机文档 创建联机表单 插入诸如音频剪辑和视频剪辑等对象 * HTML 简介 超文本标记语言（HTML）是Web用于创建和识别文档的标准语言。 1、标记：确定如何显示文本，决定内容如何显示。 2、超文本：具有连接功能的文本。 3、一般标记成对出现。 4、标记可以有属性，对标记具体定义。 5、标记可以嵌套。 6、标记不区分大小写。 * HTML 文档示例 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY BGCOLOR = “LAVENDER” H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 代码 浏览器处理代码并进行显示 * HTML 文档结构 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY /H1 欢迎来到 HTML 世界/H1 /BODY /HTML HTML 网页 头部部分 主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 * HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY BGCOLOR = lavender H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 标签 2-2 BODY BGCOLOR = “green” 标签 标识 BODY 元素 属性 提供有关元素的附加信息 值 分配给属性的内容 * HTML 基本元素 标题 段落 换行符 预先格式化 字符格式化 列表 水平线 字体 图像 特殊字符 超级链接 * 标题 HTML HEAD TITLE动物世界/TITLE /HEADBODY H1从大自然获得灵感/H1 H2从大自然获得灵感/H2 H3从大自然获得灵感/H3 H4从大自然获得灵感/H4 H5从大自然获得灵感/H5 H6从大自然获得灵感/H6 /BODY /HTML H1 到 H6 标签用于指定不同级别的标题 * 段落标签 HTML HEAD TITLE诗词学习/TITLE /HEAD BODY P我是第一段/P P我是第二段/P P align=left左对齐显示P P align=center居中显示P P align=right右对齐显示P /BODY /HTML P /P P…/P 标签用于标记段落 * 换行符 只要在文本中放入 BR 标签，就会强制换行 HTML HEAD TITLE诗词学习/TITLE /HEAD BODY BR我是第一行BR我是第二行 P我是第一段/P P我是第二段/P /BODY /HTML BR * Pre 标签 HTML HEAD TITLE诗词学习/TITLE /HEAD BODY H1静夜思/H1 PRE 床前明月光 疑是地上霜 举头望明月 低头思故乡 /PRE /BODY HTML PRE 标签用于显示具有预先定义格式的文本 （如 HTML 文档中所示） * HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY P B这很有趣/B BR BR I足球是最令人喜爱的运动之一。/I BR BR U信息技术是发展的关键。/U BR BR 水的分子式是 H SUB2/SUB O。 BR BR 3 SUP2/SUP 等于 9。 BR BR /P /BODY /HTML 字符格式化标签 此标签用于对文本应用各种格式，如粗体、斜体、下划线、下标、上标等 * 列表简介 列表用于按逻辑方式对数据分组 玫瑰花 向日葵 兰花 苹果 桔子 水仙 芒果 水果 苹果 芒果 桔子 花卉 水仙 兰花 向日葵 玫瑰花 * 列表类型：无序列表 … BODY H1星期中的每一天/H1 UL LI星期日 LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 LI星期六 /UL /BODY … 无序列表也称为“项目列表” * … BODY H1星期中的每一天/H1 OL LI星期日 LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 LI星期六 /OL /BODY … 列表类型：有序列表 有序列表的属性 LI TYPE = I LI TYPE = i LI TYPE = A LI TYPE = a OL START = n 在有序列表中，列表项以自动生成的顺序显示 * 使用水平线 HTML HEAD TITLE动物世界/TITLE