-
- 素材大小:
- 554.77 KB
- 素材授权:
- 免费下载
- 素材格式:
- .ppt
- 素材上传:
- lipeier
- 上传时间:
- 2019-02-01
- 素材编号:
- 223334
- 素材类别:
- 课件PPT
-
素材预览
这是html ppt,包括了什么是HTML文件?实例,HTML注释,Html标签,HTML特殊字符显示,超链接,特殊的链接,绝对路径和相对路径,HTML框架(Frames),排序列表,HTML表单,几个特殊的标签等内容,欢迎点击下载。
html ppt是由红软PPT免费下载网推荐的一款课件PPT类型的PowerPoint.
HTML 超文本标记语言 网页设计的基础语言 什么是HTML文件? HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 实例 This is my first homepage. This text is bold 这个文件的第一个Tag是,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是,表示HTML文件到此结束。 在和之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。 在之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息,是正文。 在和之间的文字,用粗体表示。顾名思义,就是bold的意思。 HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如,等,通过这些Tag,可以告诉浏览器如何显示这个文件 HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML元素。 HTML元素用Tag表示,Tag以<开始,以>结束。 Tag通常是成对出现的,比如。起始的叫做Opening Tag,结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如,和其实是相同的 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样: 这个文件的第一个Tag是,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是,表示HTML文件到此结束。 在和之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。 在之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息,是正文。 在和之间的文字,用粗体表示。顾名思义,就是bold的意思。 HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如,等,通过这些Tag,可以告诉浏览器如何显示这个文件 HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML元素。 HTML元素用Tag表示,Tag以<开始,以>结束。 Tag通常是成对出现的,比如。起始的叫做Opening Tag,结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如,和其实是相同的 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样: 再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下: 属性通常由属性名和值成对出现,就像这样:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。 属性通常是附加给HTML的Opening Tag,而不是Closing Tag。 HTML注释 在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。 注释可以写在之间。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。 Html 标签 标题 html用 到 这几个Tag来定义正文标题,从大到小。每个正文标题自成一段 段落划分在HTML里用 和 划分段落。 换行 HTML特殊字符显示 HTML字符实体(Character Entities) 有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢? 这就要说到HTML字符实体(HTML Character Entities)了。 一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。 比如,要显示小于号,就可以写<或者<。 用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。 注意:Entity是区分大小写的。 如何显示空格 通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。 超链接 用来表示超链接,英文叫anchor。 可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: 链接的显示文字 点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。 比如链接到青禾站点首页,就可以这样表示: 青禾标签有很多属性 比如说target 、 title Name 使用name属性,可以跳转到一个文件的指定部位。 使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name: 参见第一章 第一章 特殊的链接 链接到email地址 在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用可以实现这样的功能。 联系新浪 绝对路径和相对路径 绝对路径 如 http://bbs.ahau.edu.cn/ 相对路径 存储在同一个文件夹同在一个站点 可使用相对路径 表格 HTML表格用 表示。一个表格可以分成很多行(row),用表示;每行又可以分成很多单元格(cell),用之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个 空格符 HTML框架(Frames) 使用框架(Frame),你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页,每个Frame里的网页相互独立。 Frameset 决定如何划分Frame。有cols属性和rows属性。使用cols属性,表示按列分布Frame;使用rows属性,表示按行分布Frame。 Frame 用这个Tag设定网页。里有src属性,src值就是网页的路径和文件名 下面的代码的目的是:将Frameset分成2列,第一列25%,表示第一列的宽度是窗口宽度的25%;第二列75%,表示第一列的宽度是窗口宽度的75%。第一列中显示a.html,第二列中显示b.html。 Iframe是Inline Frame的意思,用可以将Frame置于一个HTML文件内 青禾右侧导航就是使用的 列表 HTML有三种列表形式:排序列表(Ordered List);不排序列表(Unordered List);定义列表(Definition List)。 排序列表(Ordered List) 排序列表中,每个列表项前标有数字,表示顺序。排序列表由 开始,每个列表项由 开始 不排序列表(Unordered List) 不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。 不排序列表由 开始,每个列表项由 开始。 定义列表 定义列表通常用于术语的定义。 定义列表由 开始。术语由 开始,英文意为Definition Term。术语的解释说明,由 开始, 里的文字缩进显示。 HTML表单(Forms) HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息 学习HTML表单(Form)最关键要掌握的有三个要点:表单控件(Form Controls) 、Action 、Method 先说表单控件(Form Controls),通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。比如上面的例句里,input type= "text"就是一个表单控件,表示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。比如上面例句里的http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp。 至 于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之 后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时 候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。 几个特殊的标签 图片 字体 属性 size color fac(类型 不建议使用 使用CSS外联样式) 表示。 表格的表头用 来表示表格的表头,表头的字是粗体显示的。 如果表格的单元格
html标签ppt:这是html标签ppt,包括了HTML简介,HTML语言的标记语法和文档结构,介绍常用标签(文字,图片,表格),表单,层,框架,CSS标签的介绍等内容,欢迎点击下载。
ppt转换html5:这是ppt转换html5,包括了HTML5介绍,HTML5定义页面结构,HTML5增强的表单控件,多媒体,画布、SVG、拖放等内容,欢迎点击下载。
html教学ppt:这是html教学ppt,包括了知识要点,什么是 HTML?HTML文档的结构,设置文本格式,使用图像,使用字幕和背景音乐,使用超链接,使用表单,课堂作业等内容,欢迎点击下载。