html语言简介 ppt,html课件ppt
PPT内容
这是html课件ppt,包括了基本概念,HTML基本标识符,CSS--样式表,Javascript等内容,欢迎点击下载。
HTML
全部内容
基本概念
HTML基本标识符
CSS--样式表
Javascript
基本目标
学会基本的标记的功能及属性设置
学会对样式表的设置
学会基本的js方法及自定义函数
自己设计并实现简单的个人网站(静态)
基本英语单词
Client: 客户机程序,顾客, 客户, 委托人
www:world wide web 万维网
element:元素
value:值,价值
request:请求
response:回答, 响应
standard:标准
document:文件
attribute:属性
基本英语单词
form: 表单
frame: 框架
table:表格
background:背景
color:颜色
title:标题
embed:嵌入
head:头,头部
body:身体
Image:图片
基本英语单词
HTML:Hyper Text Markup Language超文本标记语言
HTTP:Hyper Text Transfer Protocol超文本传输协议
web page:网页
web servers:网络服务器
web clients:网络客户端
web browser:浏览器
HTML tags:HTML标记
基本概念
HTTP:超文本传输协议
HTML:超文本标记语言
网页:用于存储网页信息的文件
网络服务器:用于存储网络文件的计算机
客户端:用于浏览网页的一端的计算机
浏览器:用于浏览网页的软件平台
浏览器类型:IE 、Netscape Navigator、MyIE等
用户如何从浏览器获得资源
基本概念
网络分类:
按照范围分:广域网(WAN)、城域网(MAN)、局域网(LAN)
按拓扑结构:总线型结构,星型结构,环形结构,网状结构
网络的拓扑结构是指网络中通信线路(揽线)和计算机、以及其他组件的物理布局。
概述
当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。
概述
HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。它是一种介于前台和后台的语言。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成以 .htm 或 .html 为文件后缀保存将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。
如何保存一个HTML文件
HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后以 .htm或 .html 为文件后缀保存
编辑工具
FrontPage
Dreamweaver
记事本
……
关于设计模式的解释
C/S模式
B/S模式
MVC模式
C/S模式
C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。
将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构
B/S模式
B/S(Browser/Server)结构即浏览器和服务器结构。它是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构。在这种结构下,用户工作界面是通过WWW浏览器来实现,极少部分事务逻辑在前端(Browser)实现,但是主要事务逻辑在服务器端(Server)实现,形成所谓三层3-tier结构。这样就大大简化了客户端电脑载荷,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本(TCO)。
MVC模式
MVC是一种目前广泛流行的软件设计模式,早在70年代,IBM就推出了Sanfronscisico项目计划,其实就是MVC设计模式的研究。近来,随着J2EE的成熟,它正在成为在J2EE平台上推荐的一种设计模型,也是广大Java开发者非常感兴趣的设计模型。
MVC英文即Model-View-Controller,即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层。
HTML 语法示例1:
基本结构标识
注意:在HTML中是不分大小写的。
标记要书写规范,包括标记的缩进!
HTML基本标识符
HTML文件基本架构
单标识
特殊标识
排版标识
字体标识
列表标识
表格框架表单标识
其他标识
HTML文件基本架构
文件开始
标头区开始 ... 标题区 标头区结束
文件结束
网页文件格式。
标头区 : 记录文件基本资料,如作者、编写时间。 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。 本文区 : 文件资料,即在浏览器上看到的网站内容
单标识
注意:c语言中的两种注释
特殊标识
P12-13
空格
> >
& &
“ "
‘ '
© ©
® ®
排版标识
----
注意:
和的区别
不强行换行
字体标识
P21
打字体 ( 固定宽度文字 )
列表标识
有序列表
无序列表
自定义列表
- 条目
- 内容
表格框架表单标识
表格
框架
表单
其他标识
链接标识
字幕标识
多媒体标识
图片标识
标题
描述非html标准的一些文档信息
描述当前文档与其他文档间的链接关系
脚本程序内容
样式表内容
设置打开链接的方式
标记
Target属性值有:
_blank
_parent
_self
标记
Meta元素提供一些非html标准的用户不可见的信息。
单标记
作用:
编码的说明
定时刷新
页面进入和退出的特效
进入页面推出页面 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为0-23:
页面进入和退出的特效
0 矩形缩小 1 矩形扩大 2 圆形缩小3 圆形扩大 4 下到上刷新 5 上到下刷新6 左到右刷新 7 右到左刷新 8 竖百叶窗9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗
页面进入和退出的特效
12 点扩散
13 左右到中间刷新 14 中间到左右刷新15 中间到上下16 上下到中间 17 右下到左上18 右上到左下 19 左上到右下 20 左下到右上21 横条 22 竖条 23 以上22种随机选择一种
属性:attribute每个标记中用于修饰标记的一些描述信息。
属性值:用来设置属性的值。
如:
Bgcolor 背景色
Background 背景图片
Text 文本颜色
Link 链接文字颜色
Alink 活动链接文字颜色
Vlink 已访问链接文字颜色
Topmargin 页面顶部留白距离
Letfmargin 页面左侧留白距离
Bottommargin 页面底部留白距离
Rightmargin 页面右部留白距离
补充内容
颜色的设定:三种方法
#FFFFFF #六位十六进制数
RGB(255,255,255) rgb码
White 英文单词名
长度单位
绝对长度:单位为像素
相对长度:单位为百分比
标题标记
HTML 简介
HTML 简介
HTML 简介
HTML 简介
HTML 简介
HTML 简介
HTML 简介
标题标记
我的网页
Align的属性值有:
left(默认)
right
center
段落标记
P的属性有align
如:
你们好,欢迎来到华育国际
标记
属性:
color 定义文字的颜色
face 定义文字的字体
size 定义文字的大小
文字内容
标记
属性:
align 对齐方式
color 线条颜色
size 线条的粗度
width 线条的宽度
如:
图片标记 P17
在网页中插入图片
属性:
src 指定图片的路径
alt 用于描述图片的文字
width 图片的宽度
height 图片的高度
border 图片的边框
align 图片的对齐方式
图片标记
Align的属性值
top 图片和文字顶部对齐
middle 图片和文字居中对齐
bottom 图片和文字底部对齐
left 图片居左对齐文字沿图片绕排
right 图片居右对齐文字沿图片绕排
absmiddle图片对齐到目前文字的绝对中央
absbottom图片对齐到目前文字的绝对底部
插入图像
分隔图片
将一整张图片分隔成几个部分。
超链接标记
通过链接可以调用另一个页面或是同页面某一区域的资源。
属性:
align 对齐方式
target 目标窗口的显示形式
title 链接提示
href 设置要连接的地址
target
Target的属性值
_blank 打开一个新窗口
_self 在当前窗口打开
_parent 在当前的上一级窗口打开
链接到其他文档
链接到同一文档的各个部分
链接到另一文档中某个特定位置
使用电子邮件
为图片加超链接
在图片上加上超级链接使它链接到另一个网页上。
列表
无序列表
有序列表
定义列表
无序列表
学习 HTML
- 星期一
- 星期二
- 星期三
- 星期四
- 星期五
无序列表中的type的属性值
square 方形项目符号
disc(默认) 实心圆项目符号
circle 空心圆项目符号
有序列表
学习 HTML
- 星期一
- 星期二
- 星期三
- 星期四
- 星期五
有序列表
属性
type 列表符号的类型
start 符号的起始
有序列表中的type的属性值
1 数字
A 大写字母
a 小写字母
I 大写罗马字母
i 小写罗马字母
列表嵌套
定义列表
标记
实现字幕滚动效果
属性
behavior 滚动的方式
bgcolor 背景色
direction 滚动方向
height 窗体的高度
loop 循环次数
scrollamount 滚动速度
scrolldelay 滚动延迟时间
width 窗体宽度
title 文字描述
behavior
属性值设置
alternate 交替
scroll 滚动
slide 一次滑动
dirction
属性值设置
left
right
up
down
例子1:不同方式的滚动文字
不同方式的滚动文字
最新图书:《超梦幻劲爆网页MX完美结合》
最新图书:《超梦幻劲爆网页MX完美结合》
最新图书:《超梦幻劲爆网页MX完美结合》
例子2:不同方向的滚动文字
不同方向的滚动文字
最新图书:《超梦幻劲爆网页MX完美结合》
最新图书:《超梦幻劲爆网页MX完美结合》
最新图书:《超梦幻劲爆网页MX完美结合》
最新图书:《超梦幻劲爆网页MX完美结合》
在HTML文档中插入多媒体
插入声音
插入视频
添加声音
方法1:
其中 path\sound filename 为声音文件的路径和文件名
Netscape Navigator 不支持 bgsound 元素
添加声音
方法2:
在HTML中插入声音示例
添加音频/视频
要将音频或视频文件插入到 HTML 文档中,可以使用 标记
在HTML中插入视频示例
层简介
使用多个层,可以将一个层放到另一个层的上面或下面。
Z 顺序决定元素的显示顺序。
层就像一个包含内容的框架,可以将它放置在所需的位置。
表格
表格
Table中的属性
Width
Height
Cellspacing
Cellpadding
Border
Bgcolor
Background
bordercolor
标记
Table中的属性
Width
Height
valign
Border
Bgcolor
Background
bordercolor
标记
Table中的属性
Width
Height
Colspan
Rowspan
Border
Bgcolor
Background
bordercolor
作业:
表单简介
表单的用途
用户注册某种服务时,收集其姓名、地址、电话号码、电子邮件地址和其他信息。
收集购买物品所需的信息。例如,如果想通过 Internet 购买一本书,就需要填写姓名、邮政地址和付款方式等。
一个样本表单
使用表单
HTML 输入元素属性
Input – Type 属性
TEXT
CHECKBOX
RADIO
SUBMIT
RESET
IMAGE
BUTTON
示例:
其他输入元素
TextArea 元素
Cols
Rows
Size
Type
Value
BUTTON 元素
Name
Value
Type
示例:
列表(下拉框)元素
SELECT 元素
Name
Size
Multiple
示例:
示例:
框架集
框架集(框架组)是框架的集合或是说是一个框架的组合。
框架
框架将 Web 浏览器分成多个不同的区域,每个区域都可以显示独立、可滚动的页面。
例如,可以在网页中使用三个框架,一个显示标题,一个用作导航菜单,一个显示数据。
必须放在
之中用于划分框窗,标识框架集中的每一个框窗。标记的属性
Cols 垂直切割窗口
Rows 横向切割窗口
Frameborder 设定框架的边框
Border 设定边框的厚度
Bordercolor 设定框架的边框颜色
Framespacing框架与框架间保留空白的距离
FRAME 元素
FRAME 元素的属性包括:
Name 用来标记框架内显示的网页的 名字
Src 用以标记要链接的网页的路径
Noresize 框架不可改变大小
Scrolling 是否要滚动条
Frameborder
框架使用示例:
嵌套的框架集
NOFRAMES 元素
内嵌框架
IFRAME属性
Name
Width
Height
示例:
复习:
基本概念
知道基本标识的作用
了解
完成一个完整的个人主页的设计
相关PPT
HTML5基础培训ppt课件:这是HTML5基础培训ppt课件下载,主要介绍了什么是HTML5;HTML5新特性和那些效果;HTML5目前存在的应用局限;开放讨论:HTML5适合应用于我们哪些项目,欢迎点击下载。
HTML5基础培训ppt课件幻灯片:这是HTML5基础培训ppt课件幻灯片下载,主要介绍了什么是HTML5;HTML5新特性和那些效果;HTML5目前存在的应用局限;开放讨论:HTML5适合应用于我们哪些项目,欢迎点击下载。
html5 ppt模板:这是html5 ppt模板,包括了HTML5简介,HTML5新特性和那些效果,HTML5浏览器支持情况,HTML5移动开发框架介绍,HTML5目前存在的应用局限等内容。
《html课件ppt》是由用户luck one于2017-08-31上传,属于课件PPT。
html语言简介 ppt,html课件ppt相关推荐
- c语言第1章ppt,c语言第1章课件.ppt
<c语言第1章课件.ppt>由会员分享,可在线阅读,更多相关<c语言第1章课件.ppt(30页珍藏版)>请在人人文库网上搜索. 1.第1章 C语言概述,计算机中心,C 语言程序 ...
- 小学认识计算机课件ppt课件,小学生认识计算机PPT教育课件.ppt
<小学生认识计算机PPT教育课件.ppt>由会员分享,可在线阅读,更多相关<小学生认识计算机PPT教育课件.ppt(32页珍藏版)>请在人人文库网上搜索. 1.Jerome,走 ...
- c语言程序设计培训课件打包,C语言程序设计实例PPT培训课件.ppt
C语言程序设计实例PPT培训课件 第 14章 C语言程序设计实例 ;实例一 成绩处理程序 ; 2. 数据说明 (1) 学生人数假定不超过1000人, 课程门数假定不超过30门,分别用符号常量N.M描 ...
- 全国计算机二级考试c语言指针,全国计算机二级考试C语言 指针精讲课件.ppt
全国计算机二级考试C语言 指针精讲课件 第七章:指 针;第一节:指针概述;如:执行以下说明语句后: int a=3,b=4; float c=4.5,d=8.6; char e='x',f='y';其 ...
- c语言程序设计班培训,c语言程序设计培训班讲课课件.ppt
c语言程序设计培训班讲课课件 目 录 第1章 C语言概述 C语言格式特点 习惯用小写字母,大小写敏感 不使用行号,无程序行概念 可使用空行和空格 常用锯齿形书写格式 第2章 程序的灵魂--算法 第3章 ...
- 233网校计算机三级ppt,计算机系统课件.ppt
计算机系统课件.ppt Windows XP安装画面之二 5. 启动Windows XP 开机后系统自动直接启动,先检测硬件设备同时加载设备驱动程序,最后进入Windows系统桌面. 运行Window ...
- html结课ppt,.HTML课件.ppt
.HTML课件 第2章 Web编程技术 ;内容提要;; HTML编程技术 ;HTML概述 ;HTML概述;HEAD头元素 ;HTML的常用标记 ;字体标记 ;图片标记;超级链接;列表;1.基本表格;表 ...
- 线路中央计算机系统(LCC)的功能有哪些,AFC系统介绍PPT主题课件.ppt
文档介绍: 一.AFC系统概述1二.ICCS.LCC与E/S简要介绍2三.站级设备介绍3四.相关的专业术语42.系统架构一.AFC系统概述3.各层级设备功能一.AFC系统概述票卡层SLESCE/S主要 ...
- 财物机器人英文ppt演讲课件_“如何恰当使用课件动画”
每晚21:30 分享教师干货 记得当大姜老师还是一名稚嫩的大一新生时,由于小时候家里管的比较严,几乎没什么碰电脑的机会. 即便有了难得的机会,也都用来打游戏了...... 直到上了大学,需要做各种的汇 ...
最新文章
- 科研赢家比其他人多了哪一个特点?
- 关于typedef的用法总结(zz)
- 详解在Linux下实现(彩色)进度条程序,并通过makefile进行编译.
- ai钢笔工具怎么描线_AI钢笔工具技巧,怎么画出完美的贝塞尔曲线
- matlab求傅里叶级数展开式_简单粗暴傅里叶级数
- java学习笔记④MySql数据库--03/04 DQL查询
- 【UML】用例图中<<extend>>与<<include>>的区别
- 怎么设置计算机管理员权限,Windows7管理员权限怎么设置?
- 运用Mono.Cecil 反射读取.NET程序集元数据
- RESTful Web Services简单介绍
- C#基础回顾(一)—C#访问修饰符
- JAVA 注解示例 详解
- CCS历代版本下载地址以及6.0以上版本添加软件仿真
- 电脑端思维导图软件推荐
- 个人ID的搜索引擎结果分析与联想
- 华为u8500在usb模式下logcat无法打印信息
- 时域分析特征参数的计算代码(Matlab和Qt两种)
- python深拷贝与浅拷贝
- 计算机领域影响因子3.5什么水平,计算机学科SCI(包括SCI-E)影响因子排名
- (2017多校训练第四场)HDU - 6078 Wavel Sequence dp
热门文章
- 给你4年时间,怎样用“剃须刀”扳倒宝洁?【姜太公公】
- 计算机组装与维护提问问题,计算机组装与维护浅析论文
- 经典同态加密算法(加法与乘法)
- 【电源设计】09磁芯元件在开关电源中的应用
- Next.js(二)Next.js基本使用
- Arch Linux安装桌面xfce4,archlinux系列--在xfce4桌面上运行konqueror
- 美容护理行业的暴利时代即将结束?
- Android NFC技术(三)——初次开发Android NFC你须知道NdefMessage和NdefRecord
- 速盘显示无法连接到服务器,速盘Speedpan IP限制/账号限制的解决办法
- linux下访问windows分区,[浅议Linux中如何对Windows分区进行访问]Windows分区