《讲Web开发基础》PPT课件

《《讲Web开发基础》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web开发基础授课教师：董晓慧email：ise_dongxh@ujn.edu.cn本讲内容第四章HTML概述对(X)HTML标记如何工作有基本的感觉，包括理解元素和特性观看浏览器如何解释(X)HTML文档学习(X)HTML文档的基本结构初看样式表使用第五章标记文本重要术语：(X)HTML(X)HTML是HTML和它的最新版本XHTML的合并简写。创建(X)HTML文档的步骤第一步：从内容开始。添加纯文本内容，观察浏览器如何处理。第二步，文档结构化。学习(X)HTML元素，以及创建文档结构的元素。第三步，确定文本元素。用适当的文本

2、元素来描述内容，并学习(X)HTML的正确使用方法。第四步，添加图像。向网页中添加图像，学习特性和空元素第五步，使用样式表改变外观。使用层叠样式表来格式化内容。启动文本编辑器Windows操作系统下，启动记事本创建新文档（演示）也可以用其他编辑器，只要能用于文本编辑，能保存为.html扩展名的纯文本文件。如果文件类型的扩展名隐藏了，可以设置扩展名为可见。第一步，从内容开始打开新文档，输入内容（演示）保存直接保存或另存为创建一个新文件夹，存放这个网站的所有文件保存文件时，文件的扩展名为.html，保存类型为“所有文件”（注：文件命名

3、规则）在浏览器中浏览文件文件命名习惯文件使用正确的后缀(X)HTML文件必须以.html(.htm)结束web图像根据文件类型来命名，如；.gif，.jpg(.jpeg)不要在文件名内使用字符空格可用短下划线和短横来在视觉上隔开文件名中的单词，如robbins_bio.html、robbins-bio.html避免诸如?、%、#、/、:、;、.等字符文件名只限使用字母、数字、下划线、连字符和句号根据服务器配置，文件名可能大小写敏感没有特殊要求，文件名坚持用小写字母保持文件名简短短文件名可以保持字符数和你的(X)HTML文件尺寸在控

4、制之中；若真要定义长的、多单词的文件名，可用大写字母或下划线隔开，如ALongDocumentTitle.html、a_long_document_title.html自定习惯网站要有统一的命名方案从第一步学到了什么？显示在浏览器上的文件，源码中的一些信息会被忽略掉，包括换行（回车）在文本流中，文本和元素连续排列，直至遇到块元素，如标题（h1）和段（p），或换行（br）元素制表符和多个空格当浏览器遇到制表符和多个空格时，它只会显示1个空格不可识别的标记注释中的文本标签之间的文本用于表示注释，浏览器不会显示简单的输入

5、一些内容并命名文档远远不够我们将使用标记来添加结构先给文档本身添加（第二步）在给网页内容添加（第三步）第二步文档结构化HTML元素通用的HTML元素的结构contenthere结束标签内容可以是文本，也可以是其他HTML元素开始标签元素元素通过文本源码中的标签识别出来；添加到内容周围的标签称为标记（markup）；元素是由内容和标记（开始标签和结束标签）组成。不是所有的元素都有内容，有些被定义为空元素。标签由尖括号<>内的元素名组成，浏览器知道，尖括号中的任何内容都被隐藏，不会

6、显示在浏览器中元素名出现在打开标签（开始标签）中，又置一个斜线（/）出现在关闭（结束）标签所有的元素都是小写的基本的文档结构(X)HTML文档有head(头)和body(主体)webpagecontenthere整个文档都包含在一个html元素（根元素）中；标识文档是HTML还是XHTML包含关于文档本身的描述性信息，如title、它用的样式表、脚本和其他类型的“meta“信息，head元素包含ti

7、tle元素包括显示在浏览器窗口上的真正内容根据(X)HTML规范，每个文档都必须包含描述性的title文档结构元素并不影响内容在浏览器中的外观，但是它们需要使文档有效，即与(X)HTML标准完全兼容演示：为index.html文档添加基本结构别忘记好标题title元素不仅是每篇文档必须的，更是有用的标题将显示在用户的书签或收藏夹列表中描述性的标题可加强易用性使用屏幕阅读器时，标题将会被人首先看到搜索引擎很大程度上依赖于文档标题应为文档提供有思想性、描述性的标题，避免含糊的标题第三步确定文本元素语义标记语义标记（semanticma

8、rkup）：选择合适的(X)HTML元素，为当前的内容作最有意义的描述。标记内容时，即为内容选择元素时，重要的是要根据什么能使内容更有意义来选择。标记除了增添内容的内涵，还可以使文档结构化。演示：为index.html文档定义文本元素块元素和内联元