《Web前端开发技术课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web前端开发技术第二单元图文并茂的页面制作按照HTML语法编写图文并茂的HTML文档编辑文字，如段落、标题等编辑图像2.1HTML与XHTML标准2.2(X)HTML基础语法2.3HTML文档整体结构2.4添加段落2.5添加标题2.6文本修饰2.7特殊字符2.8图片与超链接2.9HTML文件命名2.10编写HTML代码的注意事项HTML与XHTML标准12.1HTML与XHTML标准HTML与XHTML：W3C组织（WorldWideWebConsortium），即全球万维网联盟，制定了(X)HTML相应规范，形成

2、编写网页的统一标准。XHTML可以认为是HTML的“严谨版”。W3C组织还负责制定CSS、XML等其他网络语法的规范。位于文档中的最前面的位置，处于标记之前。此标记可告知浏览器文档使用哪种HTML或XHTML规范。它来决定如何显示HTML文档，如下面示例代码所示。（X）HTML基础语法22.2.1标记标记：HTML标记用于构建网页内容，在HTML语言中为最基本的单位，是HTML文档最重要的组成部分。标记的组成：由尖括号包围的关键词组成。标记的分类：双标记和单标记。什么是双标记——在网页

3、文档中成对出现的称为双标记。2.2.2属性属性：属性是用来描述标记的，比如单标记

4、一个网页文档基本结构由文档头和文档体两部分组成。文档头：文档体：标记的直接子元素就只有head和body标记。2.3.1文档头部文档头即标记所在区域，该区域可用于进行一些网页信息的定义，一般不用来显示。1.设置文档标题：在HTML文档的头部区域有一对标记，用于设置网页标题，输入标题信息后就可以在浏览器的标题栏上显示。2.3.1文档头部2.设置元信息：设置元信息的标记是标记，

5、该元素定义有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。元信息属性：2.3.2文档主题标记定义文档主体，所在区域为网页内容显示区域。元素包含文档任意可显示的元素，比如文本、超链接、图像、表格和列表等。标记中的属性可定义页面样式，如页面背景图像、背景颜色和文本颜色等。这些属性现在都不赞成使用，已经被CSS样式取代，在这里可以做适当了解。2.3.2文档主题Body属性值：添加段落42.4添加段落文字是网页中最为常见的元素之

6、一。编辑文字时一般不直接将文字放置在标记中，而是赋予一定的语义，比如标题、段落等。

标记会自动在其前后创建一些空白，默认独占一行。注意：要在浏览器中显示换行效果，需要添加换行标记
，在HTML代码中在键盘输入的回车符在浏览器中显示为一个空格。添加标题52.5添加标题标题按照字体大小分为6级，分别用

~

标记来定义标题。

定义字体最大的标题。

定义字体最小的标题。

~

标记定义标题的基本语法：文本修饰62.6.1-2.6.3加粗、倾斜、下划线效果加粗效果：

7、>和这两组标记都可设置文字加粗效果的基本语法。倾斜：标记设置文字倾斜效果的基本语法下划线：标记设置文字下划线效果的基本语法特殊字符72.7特殊字符在网页上想要显示多个空格那么直接敲键盘上的空格键是不能解决问题的，需要用特殊字符来表示。常用特殊字符表：图片与超链接82.8.1设置图片图片作为网页中必须的元素，其灵活的应用会给网页增添不少的特效。而且图片的直观、明了、绚丽和美观等都是文字无法代替的。基本语法：标记定义图片语法说明：其中src属性是必需的，指定

8、图片所在路径。alt属性在图片无法显示时，指定该图片的替代文本。title属性为图片添加了描述性文本。2.8.2添加超链接浏览网页时，可以通过超链接实现单击一张图片或者一段文字就可以链接到其他网页，它是同其他网页或站点之间进行连接的元素。将相关网页链接在一起后，才能构成一个所谓的网站。基本语法：标记定义超链接语法说明：href属性用于创建