HTML5基本简介案例.pptx

HTML基础简介 HTML简介 超文本标记语言英文全称(HyperText Markup Language)，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 HTML语言特点 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。 HTML发展史 HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5——2014年10月28日，W3C推荐标准 HTML标题 HTML 标题 HTML 标题（Heading）是通过h1 - h6 标签来定义的。一共分为六级标题 主要是放在HEAD/HEAD之间 h1这是一个标题/h1 h2这是一个标题/h2 h3这是一个标题/h3 HTML元素 HTML 文档由 HTML 元素定义。 HTML Element 以开始标签起始,以结束标签终止。 元素的内容是开始标签与结束标签之间的内容。 大多数 HTML 元素可拥有属性。 例如：p、body 等 开始标记 内容 结束标记 p 这是一个段落标记 /p a href=“default.htm 这是一个超链接 /a div 这是一个div布局 /div HTML段落 HTML 可以将文档分割为若干段落 段落是通过 p 标签定义的。 pThis is a paragraph /p pThis is another paragraph/p 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 br / 标签 pThis isbra parabrgraph with line breaks/p HTML文本格式化 HTML 格式化标签 HTML 使用标签b 与i 对输出的文本进行格式, 如：粗体 or 斜体 标签定义 描述描述 b 定义粗体文本 em 定义着重文字 i 定义斜体字 small 定义小号字 HTML文本格式化 strong 定义加重语气 sub 定义下标字 sup 定义上标字 ins 定义插入字 del 定义删除字 HTML超链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML使用标签 a来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像等。 默认情况下，链接将以以下形式出现在浏览器中： 一个未访问过的链接显示为蓝色字体并带有下划线 访问过的链接显示为紫色并带上下划线 点击链接时，链接显示为红色并带上下划线 HTML超链接 链接的 HTML 代码很简单。它类似这样： a href=“url链接文本/a HTML 链接 - target 属性 使用 target 属性，你可以定义被链接的文档在何处显示。 a href=/ target=_blank访问我的网站!/a HTML Head属性 HTML head 元素 head 元素包含了所有的头部标签元素。在 head元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: title, style, meta, link, script, noscript, and base. HTML title元素 title 标签定义了不同文档的标题。 title 在 HTML/XHTML 文档中是必须的。 title 元素: 定义了浏览器工具栏的标题 当网页添加到收藏夹时，显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 HTML link元素 link 标签定义了文档与外部资源之间的关系。 link 标签通常用于链接到样式表: 例如： head link rel=stylesheet type=text/css href=mystyle.css /head HTML style元素