基本网络开发技术.ppt
- 文档编号:1422424
- 上传时间:2022-10-22
- 格式:PPT
- 页数:39
- 大小:1.83MB
基本网络开发技术.ppt
《基本网络开发技术.ppt》由会员分享,可在线阅读,更多相关《基本网络开发技术.ppt(39页珍藏版)》请在冰豆网上搜索。
基本网络开发技术,HTMLJavaScript语言,HTML概述,1)什么是HTML?
HTML(HyperTextMarkuplanguage,超文本标签语言):
一种用来专门制作超文本文档的简单标签语言。
Html文件包括文档数据和显示格式两个部分,文档数据显示在WWW浏览器中的数据内容,显示格式规定了要显示的内容以何种方式呈现给用户。
HTML通过利用各种标签文档的结构以及标识超级链接的信息。
HTML文件是纯文本文件,扩展名.htm或html,可用任何文本编辑器来编辑(如记事本、可视化编辑软件Frontpage、Dreamweaver等),还可由Web服务器实时动态生成。
HTML文档结构,学习HTML欢迎来到HTML世界,HTML网页,头部部分,主体部分,标签标签HTML文档的开始和结束文档标签,这部分包括标题和其他说明信息。
包括在标签内,这部分包含文本、图像和链接。
它包括在标签内,HTML基本标签,1)标签的语法,标签分为单标签和双标签两种类型。
-单标签:
只需单独使用,语法:
如表示换行-双标签:
由首标签和尾标签构成,须成对使用,语法:
文档内容标签(双标签的首标签)内可包含一些属性,语法:
如:
2)常用标签及其属性,文档标签,HTML基本标签,排版标签,排版标签,只要在文本中放入标签,就会强制换行,诗词学习我是第一行我是第二行我是第一段我是第二段,排版标签,动物世界老虎的夜间视觉老虎的夜视能力优于人类的夜视能力五倍以上,标签用于在页面上绘制水平线,排版标签,:
称为居中标签。
作用:
令文字、图片、表格等显示于中间。
虽然很多标签已有align=“CENTER”的参数,但还是常用的标签之一,其简单易用,常用于文字上。
排版标签,:
称为预设格式标签。
作用:
令文件按照原始码的排列方式显示。
这标签允许保留原始码中输入的空白及Return。
仔细看下列例子,除了运用一大堆表格标签之外,只有采用该标签才能有此效果。
排版标签,:
称为区隔标签。
作用:
设定文字、图像、表格等的摆放位置。
应用于StyleSheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织能力,有Class;Style;title;ID等属性,这里只介绍一个属性设定。
以为例:
align=“center”,可选值:
center;left;right。
决定文字、图像、表格等居中、靠左或靠右。
的作用和居中标签一样。
字体标签,字体标签包括:
字体加粗标签:
字体斜体效果:
字体加线:
上标字、下标字:
字体变粗变大加宽:
设定字形、大小、颜色,字体标签,动物世界了解有关动物的更多信息斑马的特性没有任何两匹斑马的斑纹是完全一样的,因此每匹斑马都是独一无二的,可以按名称或十六进制值指定颜色,可以为字体指定的大小范围为从1到7,可以指定一列字体,各字体间用逗号分隔。
浏览器以最先找到的字体显示文本,元素及其相关属性(如SIZE、COLOR和FACE)可用于控制网页上文本的显示,清单(列表)标签,清单标签,:
称为顺序清单标签。
则用以标示清单项目。
所谓顺序清单就是在每一项前面加上1,2,3.等编号,又称编号清单。
每个列表前必须加上标签。
的参数设定(常用):
例如:
type=“i”:
设定编号样式,其值有五种,请参考表,默认type=1start=“4”:
设定开始编号,不论设定了哪一编号样式,其值只能是1,2,3.等整数,默认start=1。
清单标签,:
称为无序清单标签。
所谓无序清单就是在每一项前面加上等符号,故又称符号清单。
的参数设定(常用):
例如type=“square”设定符号样式,其值有三种,默认为type=“disc”:
当type=“disc”时的列项符号为实心圆点;当type=“circle”时的列项符号为空心小方块;当type=“square”时的列项符号为实心小方块。
表格标签,表格标签,列,在HTML文档中,广泛使用表格来存放网页上的文本和图像,单元格,行,列标题,表格标签综合应用:
创建表格,使用表格姓名性别分数RobertM80.,代表表格的开始,border=2表示边框尺寸为2,表示行,这是表格的第一行,有三列数据,代表列,表格的第二行,有三列数据,表格的第三行,也有三列数据,表格标签综合应用:
表格标题,学员档案信息姓名性别分数RobertM80.,表示表格标题,表示行或列标题,粗体显示,表格的第二行,有三列数据,表格的第三行,有三列数据,表格标签综合应用:
表格对齐方式,学员档案信息姓名性别分数RobertM80.,整个表格居中,姓名列默认左对齐,性别列居中,分数列右对齐,创建表格第一学期第二学期数学科学英语数学科学英语989580958788.,COLSPAN=“n”属性表示跨多少列,表格综合应用:
合并单元格(跨列),创建表格螺母螺栓锤子第一季度一月250010001240二月300025004000.,ROWSPAN=“n”属性表示跨多少行,表格综合应用:
合并单元格(跨行),表格综合应用:
背景和尺寸设置,学员档案信息姓名性别分数RobertM80MaryF18,表格的颜色设置:
表格的背景色行的背景色列的背景色颜色值可以采用RGB(red/green/blue)红绿蓝十六进制值表示,如红色#FF0000,或是一些预定义色彩名称:
red,blue,yellow等。
表单标签,:
称为表单标签,用以创建表单,是双标签,表示其它表单标签需要在它的包围中才有效。
标签提供了用户输入数据的常用控件,通过参数Type来指定控件的类型。
Type可选值为Text,Radio,Checkbox,Password,Submit/Reset,Image,File,Hidden,Button,表单标签,输入方式1:
Text(单行文本框),表单标签,输入方式2:
Radio(单选按钮),输入方式3:
Checkbox(复选框),表单标签,输入方式4:
Password(密码框),输入方式5:
Submit(提交按钮)/Reset(清除按钮),表单标签,输入方式6:
Image(提交图片),输入方式7:
File(文件上传),表单标签,输入方式8:
Button(按钮控件),:
用来创建一个下拉列表框,每一选项皆由所标示。
表单标签,:
表单标签,:
是表单文字区块标签,常用于创建一个多行文本框。
表单标签,表单标签综合例子,2004年欧锦赛预测“最佳球员”RonaldoBeckhamZidane预测大赛亚军巴西法国阿根廷预测谁将成为2004年欧锦赛冠军?
阅读代码,请问网页中的显示结果?
:
称图形标签,主要用以插入图片于网页中。
图形和链接标签,图形和链接标签,创建超级链接,聪明的狗狗会弹琴的狗狗单击此处查看,:
称链接标签,由与所围的文字、图片等等可以成为一个链接。
要链接到另一目录(C:
example)下的页面,可编写或,要链接到同一目录(C:
html)下的页面,可编写或,C:
html目录,C:
example目录,绝对和相对路径名,绝对路径名,相对路径名,电子邮件的链接,用户可从网页发送电子邮件,海豚充分交流,密切配合据说,海豚的交流模式几乎与人类的一样复杂!
请将您的疑问发送至DavidFernandez,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基本 网络 开发 技术