Web前端开发技术ppt课件.ppt
《Web前端开发技术ppt课件.ppt》由会员分享,可在线阅读,更多相关《Web前端开发技术ppt课件.ppt(34页珍藏版)》请在三一办公上搜索。
1、Web前端开发技术,第二单元 图文并茂的页面制作,按照HTML语法编写图文并茂的HTML文档,编辑文字,如段落、标题等编辑图像,2.1 HTML与XHTML标准2.2 (X)HTML基础语法2.3 HTML文档整体结构2.4 添加段落2.5 添加标题,2.6 文本修饰2.7 特殊字符2.8 图片与超链接2.9 HTML文件命名2.10 编写HTML代码的注意事项,HTML与XHTML标准,1,2.1 HTML与XHTML标准,HTML与XHTML: W3C组织(World Wide Web Consortium),即全球万维网联盟,制定了(X)HTML相应规范,形成编写网页的统一标准。XHTM
2、L可以认为是HTML的“严谨版”。W3C组织还负责制定CSS、XML等其他网络语法的规范。位于文档中的最前面的位置,处于 标记之前。此标记可告知浏览器文档使用哪种 HTML 或 XHTML 规范。它来决定如何显示HTML文档,如下面示例代码所示。,(X)HTML基础语法,2,2.2.1 标 记,标记: HTML标记用于构建网页内容,在HTML语言中为最基本的单位,是HTML文档最重要的组成部分。标记的组成: 由尖括号包围的关键词组成。标记的分类: 双标记和单标记。 什么是双标记在网页文档中成对出现的称为双标记。,2.2.2 属 性,属性: 属性是用来描述标记的,比如单标记是一条水平线,当需要改
3、变水平线的粗细、对齐方式、宽度等就要给标记的相应属性赋上不同的值。 属性的值可以用双引号、单引号引起来,也可以不用。规范用法:属性值全部用双引号括起来。,2.2.3 注 释 符 号,注释符号作用: 注释符号可以对HTML代码添加注释说明,增加代码可读性;也可用于注释HTML代码。位置: 注释写入的位置不限,可以是HTML文档的任意地方,注释语句不会显示在浏览后的网页中。,HTML文档整体结构,3,2.3 文 档 整 体 结 构,构成 : 一个网页文档基本结构由文档头和文档体两部分组成。文档头: 文档体: 标记的直接子元素就只有head和body标记。,2.3.1 文 档 头 部,文档头即标记所
4、在区域,该区域可用于进行一些网页信息的定义,一般不用来显示。1.设置文档标题: 在HTML文档的头部区域有一对标记,用于设置网页标题,输入标题信息后就可以在浏览器的标题栏上显示。,2.3.1 文 档 头 部,2.设置元信息 : 设置元信息的标记是标记,该元素定义有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。元信息属性:,2.3.2 文 档 主 题,标记定义文档主体,所在区域为网页内容显示区域。元素包含文档任意可显示的元素,比如文本、超链接、图像、表格和列表等。 标记中的属性可定义页面样式,如页面背景图像、背景颜色和文本颜色等。这些属性现在都不赞
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 前端 开发 技术 ppt 课件

链接地址:https://www.31ppt.com/p-1443608.html