HTML语言dreamweaver入门HTML语言基础.ppt
《HTML语言dreamweaver入门HTML语言基础.ppt》由会员分享,可在线阅读,更多相关《HTML语言dreamweaver入门HTML语言基础.ppt(71页珍藏版)》请在三一文库上搜索。
1、HTML语言dreamweaver入门HTML语言基础,第三章 HTML语言,HTML语言dreamweaver入门HTML语言基础,HTML语言基础,HTML是:Hypertext Marked Language,即超文本标记语言,是一种用来编写超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台。超文本标记语言是创建网页时使用的语言。,HTML语言dreamweaver入门HTML语言基础,自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结
2、信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。,HTML语言dreamweaver入门HTML语言基础,现在虽然有各种各样的网页编辑工具可以快速地制作出一个网页。掌握了HTML语言的语法规则后,可以脱离其他工具而对网页编辑工具编辑的网页源代码进行控制和修改。,HTML语言dreamweaver入门HTML语言基础,HTML语言内容丰富,从功能上大体可分为:文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作,以及框架的建立。,HTML语言dreamweaver入门HTML语言基础,和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一
3、些Tag,中文称“标记”。 用文本编辑器就可以编写HTML文件。,HTML语言dreamweaver入门HTML语言基础,HTML文件被浏览器所解释后就是网页。网页(Web page)由标记(tag)和文本组成。标记是一些规则,规定了一种结构,允许众多不同的浏览器在几乎所有计算机平台上显示文档。,HTML语言dreamweaver入门HTML语言基础,标记,标记:HTML中用来标识网页元素的类型、格式和外观的文本字符串。 如head, body , table等 基本模式为: 输出内容,HTML语言dreamweaver入门HTML语言基础,标记,标记用符号“”括起来。 “”之间是标记元素名及
4、其参数。参数的具体内容及格式由元素及其相应功能而定。少数元素没有参数。标记有单标记和双标记两类。凡是单个出现的就是单标记。凡是成对出现的就是双标记。标记元素不区分大小写。,HTML语言dreamweaver入门HTML语言基础,属性,许多单标记和双标记的始标记内可以包含一些属性, 其语法是: 各属性之间无先后次序,属性也可省略(即取默认值)例如单标记表示在文档当前位置画一条水平线,一般是从窗口中当前行的最左端一直画到最右端。带一些属性: ,HTML语言dreamweaver入门HTML语言基础,常用标记,HTML标记 大部分网页文件都是以标记开始的,在文件的结尾处又以结束 Head标记 HEA
5、D标记之间是HTML文档的头部,用来标明当前文档的有关信息 在HEAD标记之间,使用频率最高的标记是TITLE,它用于定义显示在浏览器标题栏的文档标题。Body标记 网页的主体是“”标记对作用的范围,HTML语言dreamweaver入门HTML语言基础,一般HTML文档都必须包含HTML、HEAD、BODY这三种元素。在最外层, 表示这对标记间的内容是HTML文 档。 之间包括文档的头部信息,如文档总标题等。 标记, 表示正文内容的开始。,HTML语言dreamweaver入门HTML语言基础,超文本文档分文档头和文档体两部分,超文本文档的基本结构。文 档 头文 档 主 体注意:与为独立的两
6、个部分,不能互相嵌套。,HTML语言dreamweaver入门HTML语言基础,标记中的基本内容:,HTML头部信息里包含关于所在网页的信息。头部信息里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。,HTML语言dreamweaver入门HTML语言基础,标记中的基本内容:,1标题它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。 2信息:用来描述网页的有关信息。在服务器和客户之间传达隐含信息。其中最重要的设置:HTTP-EQUIV :设置或者获取content中的内容,并把内容添加入HTTP的响应头中。Content:META信息的内容。,HTML语言dreamweaver
7、入门HTML语言基础,用以说明主页制作所使用的文字以及语言。在文件头和中插入代码:指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。,HTML语言dreamweaver入门HTML语言基础,利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码:,HTML语言dreamweaver入门HTML语言基础,meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站访问量。,HTML语言dreamweaver入门HTML语言基础,标记中的基本内容:,标签中的内容都是在浏览器中可以被看到的内容。除内使用的标签以外的其他HTML语言标签都属于
8、的内容。我们在后续的课程当中主要围绕标签里面的内容来详细讲解。,HTML语言dreamweaver入门HTML语言基础,设置的属性,background -背景图片bgcolor“RRGGBB” - 背景色彩 text - 非可链接文字的色彩举例:,Body.html,HTML语言dreamweaver入门HTML语言基础,设置的属性,link - 可链接文字的色彩 alink - 正被点击的可链接文字的色彩vlink - 已经点击(访问)过的可链接文字的色彩Leftmargin -页面左边的空白 topmargin -页面上方的空白,Body_link.html,HTML语言dreamwea
9、ver入门HTML语言基础, 水平线段,这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。 #=象素值 #=象素值 #=left, right # RRGGBB,Hr.html,HTML语言dreamweaver入门HTML语言基础,标题标记,格式:,设置各种大小不同标题的标记。一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签,其中n为标题的等级。HTML总共提供六个等级的标题,n越小,标题字号就越大,HTML语言dreamweaver入门HTML语言基础,标题标记举例,标题示例这是一行普通文字一级标题二级标题三级标题四级标题五级标题六级标题,HTML语言d
10、reamweaver入门HTML语言基础,段落标记,格式:设置段落标记。 段落之间,我们常用来做标记。文件段落的开始由来标记,段落的结束由来标记。 注意:是可以省略的,因为下一个的开始就意味着上一个的结束。,HTML语言dreamweaver入门HTML语言基础,段落标记举例,段落标签浣溪沙一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。无可奈何花落去,似曾相识燕归来。小园香径几徘徊。,HTML语言dreamweaver入门HTML语言基础,转行标记,格式:强制文字转行。 在dreamweaver中可用Shift+Enter输入。 关闭文字转行格式:,HTML语言dreamweaver入门HT
11、ML语言基础,注释标记,格式:注释内容不显示在网页。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。,HTML语言dreamweaver入门HTML语言基础,换行标记示例,换行示例登鹳雀楼白日依山尽, 黄河入海流。欲穷千里目, 更上一层楼。,HTML语言dreamweaver入门HTML语言基础,字体设置标记,格式:功能:设置字体格式标记。标记提供了几种属性 :size:设置文字的大小。face:设置字体。color:设置文字的颜色。,HTML语言dreamweaver入门HTML语言基础,字体大小示例,字号大小这是size=7的字体这是size=6的字体这是size=5的字体这是si
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 dreamweaver 入门 基础
链接地址:https://www.31doc.com/p-13934030.html