第章HTML基础(共58张)课件.pptx
《第章HTML基础(共58张)课件.pptx》由会员分享,可在线阅读,更多相关《第章HTML基础(共58张)课件.pptx(58页珍藏版)》请在三一办公上搜索。
1、第1章 HTML基础,第一页,共58页。,第1章 HTML基础 第一页,共58页。,第1章 HTML基础,1 HTML文档结构2 HTML基本标记的使用3 超链接标记4 HTML表格5 HTML表单,第二页,共58页。,第1章 HTML基础1 HTML文档结构第二页,共58页。,1 HTML文档结构,在互联网中传送的文档,绝大部分使用超文本标记语言编写,这些文档称为HTML文档。在基本HTML文档中,只允许两种元素存在:一种是HTML标记,另一种则是普通文本。,第三页,共58页。,1 HTML文档结构 在互联网中传送的文档,1 HTML文档结构,HTML文档的组成结构如下:,第四页,共58页。
2、,1 HTML文档结构HTML文档的组成结构如下:第四页,共,1 HTML文档结构,一个完整的HTML文档通常由以下三部分组成:1HTML标记 格式:2头部信息 格式:3文本主体 格式:,第五页,共58页。,1 HTML文档结构一个完整的HTML文档通常由以下三部分,1 HTML文档结构,1HTML标记 这是定义HTML文档开始与结束的标记,也是HTML文档中最先出现的标识,表明这个文件的内容是用HTML语言来实现的。它必须成对出现,分别表示HTML文件的起始和结束。在容器标记中又包括以下和两个部分。,第六页,共58页。,1 HTML文档结构第六页,共58页。,1 HTML文档结构,2头部信息
3、 这一部分用来说明文档标题以及该页面的其他信息,它构成HTML文档的开头部分,在此标记对之间可以使用、等标记,这些标记都是描述HTML文档相关信息的标志,标志对之间的内容是不会在浏览器的框内显示出来的,但是其内容应该尽量简短。,第七页,共58页。,1 HTML文档结构第七页,共58页。,1 HTML文档结构,3文本主体 这部分说明HTML文件的主体内容,在浏览器的客户区中显示,这是页面开发者的编写HTML文档的主要部分。,第八页,共58页。,1 HTML文档结构第八页,共58页。,1 HTML文档结构,对于HTML标记的约定:超文本标记是用一对尖括号“”括起来的文本串,例如第一行的。超文本标记
4、一般成对出现,用带“/”的标记结束,如。成对出现的超文本标记也称容器元素。有些标记只有起始标记而没有结束标记称空元素,如。超文本标记可以忽略字母的大小写。构成容器元素的一对标记可以写在不同行,标记属性的相对位置不受限制,但属性必须出现在起始标记里。,第九页,共58页。,1 HTML文档结构 对于HTML标记的约定:第九页,编写HTML文档的方法:HTML文档是一个纯文本文件,可以使用任何文本编辑器编写保存。例:新建一个html文件,第十页,共58页。,编写HTML文档的方法:第十页,共58页。,2 HTML基本标记的使用,2.1 head容器的标记2.2 body容器的标记,第十一页,共58页
5、。,2 HTML基本标记的使用2.1 head容器的标记第,2.1 head容器的标记,标记主要用来提供网页文件的整体信息。包括标题栏名称、文件的网址、所采用的文档编码等。标记用来告知浏览器这是文件标题的开头,最后使用标记告知浏览器这是文件标题的结束点。,第十二页,共58页。,2.1 head容器的标记标记主要用来提供网页,2.1 head容器的标记,HTML文档的head是一个容器元素,在head容器元素中允许出现以下元素:1title元素2link元素3meta元素4base元素5script元素,第十三页,共58页。,2.1 head容器的标记HTML文档的head是一个容器,2.1 h
6、ead容器的标记,1.title元素格式:标题文字 title元素包含文档的标题。它不显示在浏览器窗口中,只显示在浏览器标题栏中。在起始标志()和结束标志()间,可以放入简述文档内容的标题。如果没有title元素,浏览器的标题栏将显示网页的文件名。,第十四页,共58页。,2.1 head容器的标记1.title元素第十四页,共,2.1 head容器的标记,2link元素格式:link元素在当前文档和另一文档之间建立链接关系。href属性指向相关的文档;rel属性描述了当前文档与被连接文档的关系;type属性描述被连接文档的类型。表示链接一个外部CSS文件如下:,第十五页,共58页。,2.1 h
7、ead容器的标记2link元素第十五页,共58,2.1 head容器的标记,3meta元素格式:meta元素用来描述当前网页的元信息。通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面的自动刷新时间间隔(秒)等。,第十六页,共58页。,2.1 head容器的标记3meta元素第十六页,共58,一些有关metal元素的例子,1.设置搜索引擎关键字2.设置网页编码3.刷新页面,第十七页,共58页。,一些有关metal元素的例子1.设置搜索引擎关键字第十七页,2.1 head容器的标记,4base元
8、素格式:base元素指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。当用户使用相对URL请求文档时,超链接也会正确地执行。Target指定文档中所有链接的默认窗口,该属性主要用在使用框架结构的网页中,使用框架结构,同一浏览器窗口中可以容纳多个网页,同时在若干不同的框架窗口中显示。,第十八页,共58页。,2.1 head容器的标记4base元素第十八页,共58,2.1 head容器的标记,5script元素格式:脚本语言代码段script元素在文档中放置一个脚本。这个元素可以在HTML文档的head或body中出现。脚本可以在script元素中或外部文件中被定义。,第十九页
9、,共58页。,2.1 head容器的标记5script元素第十九页,共,2.2 body容器的标记,标记是HTML文件最重要的部分,它是一个容器元素,包含在其中的内容将显示在浏览器的主窗口中。,第二十页,共58页。,2.2 body容器的标记标记是HTML文件最,容器元素中可以包含下表中的常用元素:,第二十一页,共58页。,容器元素中可以包含下表中的常用元素:te,2.2 body容器的标记,在HTML中,需要使用元素的属性对页面进行一个整体的规划和设置,例如页面的背景颜色、背景图案、页面留白以及大部分文字的颜色等等。例如在百度搜索引擎的主页中,其元素的定义如下:,第二十二页,共58页。,2.
10、2 body容器的标记在HTML中,需要使用body,body元素本身的属性可以分为3类,如下表所示:,第二十三页,共58页。,body元素本身的属性可以分为3类,如下表所示:背景属性b,2-2.html这是我的第一个html程序,我很高兴哦。这个程序简单了点学习嘛,要一步一步地来,不着急。,第二十四页,共58页。,第二十四页,共58页。,3 超链接标记,HTML用来表示超链接,英文叫anchor,一个链接的基本格式如下:链接文字 表示一个链接的开始;表示链接的结束;可指向任何一个文件源:网页、图片、影视文件等;href属性则表示这个链接文件的路径;链接分为本地链接、URL链接和目录链接。,第
11、二十五页,共58页。,3 超链接标记HTML用来表示超链接,英文叫anch,3 超链接标记,超链接标记的几个常用属性:1target属性:网易首页2title属性:网易首页3name属性:第一章第二章4链接到email地址:联系网易,第二十六页,共58页。,3 超链接标记超链接标记的几个常用属性:第二十六页,共58,3.1 本地链接,对同一台机器上的不同文件进行的连接称为本地链接,它使用UNIX或DOS系统中文件路径的表示方法,采用绝对路径或相对路径来指示一个文件。(1)以绝对路径表示:文件的链接(2)以相对路径表示:文件的链接IP地址,第二十七页,共58页。,3.1 本地链接 对同一台机器上
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 基础 58 课件
![提示](https://www.31ppt.com/images/bang_tan.gif)
链接地址:https://www.31ppt.com/p-2111927.html