1 / 92
文档名称:

HTML学习课程表.ppt

格式:ppt   大小:3,027KB   页数:92页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML学习课程表.ppt

上传人:jiqingyong345 2018/2/27 文件大小:2.96 MB

下载得到文件列表

HTML学习课程表.ppt

文档介绍

文档介绍:HTML
B/S结构
B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起后的一种网络结构模式,WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端,将系统功能实现的核心部分集中到了服务器上,简化了系统的开发、维护和使用,同时也大大简化了客户端的电脑载荷,减轻了系统维护与升级的成本和工作量。
B/S结构最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的终端就能使用,客户端零维护。
html概述
超文本标记语言(Hypertext Markup Languag,HTML)是标准通用标记语言(SGML)下的一个应用,是一种规范,一种标准。网页文件本身是一种文本文件,它通过标记符号来标记要显示的网页中的各个部分。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果(兼容性)。
何为超文本:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
静态网页文件扩展名:.html
动态网页文件扩展名:.php .jsp .net等
超文本标记语言包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
XHTML:可扩展超文本标记语言
html文件结构
<html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body>。
<head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
<title></title>定义网页标题,在浏览器标题栏显示。 
<body></body>之间的文本是可见的网页主体内容,body中的元素包含网页中的所有内容(比如文本、超链接、图像、表格和列表等等。)
<html> HTML文件声明开始
<head>
<title>网页标题</title>
</head>
<body>
文件体
</body>
</html> HTML文件声明结尾
html标签概念
HTML标签是由尖括号包围的关键词,比如<html>
HTML标签通常是成对出现的(双边标记),比如<div> 和</div>
标签对中的第一个标签是开始标签,第二个标签是结束标签;
开始和结束标签也被称为开放标签和闭合标签
也有单独呈现的标签(单边标记),如:<br />、<hr />和<img src=“images/”/>等。
一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和<input type=“text” value=“按钮”/>。
标签可以有若干个属性,也可以不带属性。如<head>元素就不带任何属性
标答的语法:
<标签名属性1=“属性值1”属性2=“属性值2”……>内容部分</标签名>
<标签名属性1=“属性值1”属性2=“属性值2”……/>
html标签编写规则
标签不区分大小写
大部分标签有结束标记。有结束标记时,需要使用结束标记。有些标记没有结束标记。
标签可以嵌套,在嵌套时注意标记位置。
标签可以有内容或者没有内容
标签的属性是可选的
当标签中出现属性时,必须为其赋值
属性赋值必须包含在尖括号”<>”内部
属性与标记之间、各属性之间需要以空格隔开
属性值以双引号括起来
html标签——<body>属性
属性
描述
text
网页文本颜色
bgcolor
设定网页背景色,如:bgcolor=“#ff0000”
background
设定网页背景图片,如: background=“”
<body bgcolor=“#”></body>
html标签——字体修饰标记
<b></b>
加粗效果
<i></i>
斜体效果
<u></u>
字符加下划线
<sub></sub>
将文本定义为下标
<sup></sup>
将文本定义为上标
<font></font>
指定字符的字体、大小、颜色等格式属性
大小(size)的取值1-7,1最小,7最大
字体(face) :如:宋体、楷体、黑体、隶书等
颜色(color):规定文本的颜色,如:red或#FF0000
实例
代码编辑器
在编辑程序时,一个好的编辑工具会使程序编写过程更加轻松、有效和快捷。
代码编辑工具可分为两类
一类是IDE(Integrated Design Environment,集