web实用网页设计方法html-2

《web实用网页设计方法html-2》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web实用网页设计方法WebWeb实用网页设计方法实用网页设计方法IntroductiontoIntroductiontoHTMLHTML杨巍yangwei@mail.neu.edu.cnWeb实用网页设计方法AgendaòIntroductiontoHTMLò创建网页的基本对象òHTMLListòHTMLImageòHTMLLinkòHTMLTableòHTMLFrameòHTMLFormòHTMLHead2Web实用网页设计方法HTML简介¢目标本章旨在简要介绍HTML的相关学时：0.2学时概念、基本结构，应该掌握如下知识：教学方法：讲授1）了解HTML的概念ppt＋课堂演示2）了解

2、HTML的基本结构3）理解HTML的标签、属性3Web实用网页设计方法HTML¢HTML¢超文本标签语言HyperTextMarkupLanguage¢以htm或者html为扩展名¢包含标签的文本文件¢通过浏览器解析标签来显示页面HelloHTML!4Web实用网页设计方法HelloWorldFirstPage.htmlMyfirstHTMLpage!ThisisanormalHTMLdocument

3、.BackinHTMLagain.5Web实用网页设计方法HTML基本结构¢HTML文件¢文档头¢正文Visibletext6Web实用网页设计方法HTML标签¢HTML文档¢HTML标签及内容组成的文本文件¢标签¢尖括号(<>)对与其中的字符序列¢通常成对出现——起始标签和结束标签¢大小写无关

4、te">HelloHTML!7Web实用网页设计方法HTML标签¢HTML元素元素内容Thistextisbold起始标签结束标签¢空标签8Web实用网页设计方法HTML标签¢HTML标签属性HelloHTML!¢控制标签的显示效果¢标签可以设置一个或多个属性¢设置在起始标签后面，且位于尖括号之

5、内属性名="属性值"9Web实用网页设计方法HTML标签¢强调¢标签名与属性之间必须用空格分隔¢属性与属性之间必须用空格分隔¢HTML标签，属性名与属性值都是大小写不敏感的¢建议标签名，属性和属性值采用小写10Web实用网页设计方法HTML编辑器¢HTML编辑器¢简单文本编辑器即可，可在纯文本中编写代码¢使用专门的HTML编辑软件来编写HTML文件，HTML标签都可以自动生成¢FrontPageEditor¢Dreamweaver11Web实用网页设计方法HTML的全局架构标签¢文档类型定义(DocumentTypeDefinition,DTD)¢文档类型标签¢指定了

6、当前网页文件所使用的HTML语言版本及定义该语言版本的规范文件的位置12Web实用网页设计方法HTML规范与版本¢不同的浏览器之间存在不兼容问题¢方言¢制定HTML规范和标准¢W3C(WWW联盟)¢目前的版本¢HTML4.01¢XHTML13Web实用网页设计方法练习——第一个网页¢利用Dreamweaver创建一个新的网页，并起名为hello.html¢浏览网页，查

7、看效果¢修改网页的标题栏信息¢为网页增加页面内容14Web实用网页设计方法AgendaòIntroductiontoHTMLò创建网页的基本对象òHTMLListòHTMLImageòHTMLLinkòHTMLTableòHTMLFrameòHTMLFormòHTMLHead15Web实用网页设计方法创建网页的基本对象¢目标本章旨在简要介绍HTML的学时：2.5学时各种常用标签，应该掌握如下知识：教学方法：讲授1）使用各种基本标签完