没有合适的资源?快使用搜索试试~ 我知道了~
首页网页制作,HTML讲义,内容详细易懂
资源详情
资源评论
资源推荐
第一部分
第一部分
HTML
HTML
基础
基础
网页的实质是什么?是图形?是文本?
网页
网页
实际
实际上是
HTML
HTML
标记语言
标记语言程序,过去创建和管理网页是由训练有素的专业人员采
用 语言手工编写程序来实现的。而现在有多种可视化程度很高的网页制作工具,无
需掌握专业的网页制作技术就能够创作出富有特色、动感十足的网页来。
我们平时上网看到的各个网站的网页都是用 、 或其他网页
制作工具编辑的,然后再加入一些动态语句。这些网页都是由 语言编写生成,而我
们在使用 、 编辑网页的同时,这个软件就已经
自动生成
自动生成这种语
言了。
一、关于
一、关于
HTML
HTML:
是一种超文本标记语言,是创建网页时使用的语言。就其
本质
本质而言,是一个基
于文本的编码标准,是对网上信息进行标记的一组规则,通过这些标记规则,告诉
浏览器如何显示文本和图形等网页元素。
标记:
标记:是一种功能的注释。由 W3C 组织定义。标记控制 文档的外观,浏览器
可以将标记解释成具体的内容,如超级链接、标题、段落、列表等。
超文本:
超文本:是指含有超链接和多媒体文本。
超链接:
超链接:从一个资源可以瞬间跳转到另一个资源。
语言是网页的基础,
你可以通过浏览器的查看源代码看到该页的 代码。大家不必看到语言就感到
害怕, 和 语言不一样,它只是一系列标记的组合。
在实际应用中,只需要掌握、记忆一些基本的、常用的 标记即可。
二、
二、
HTML
HTML
文档编写方法
文档编写方法
文档是以纯 !"" 文件存在的,它看起来象是加入了许多被称为标记的特
殊字符串的普遍文本文件,扩展名为
或
。 语言利用标记()来描
述网页的字体、大小、颜色及页面布局的语言,使用任何的文本编辑器都可以对它进行编
辑。
、手工直接编写:
、手工直接编写:把标记写在记事本中,存盘时扩展名为#$或#$。保存类型为文
本文档。
在 " 中打开文件,查看源文件修改保存刷新。
、使用可视化
、使用可视化
编辑器:
编辑器:如:,。
、由
、由
服务器上的程序
服务器上的程序( !,,%!)动态的生成。
三、
三、
HTML
HTML
语法
语法
标记
标记总是封装在由“<&和“>&组成的一对尖括号之中,是一些定义网页内容格式和显示
的命令,而
标记属性
标记属性用于进一步控制网页内容的显示效果。标记只改变网页的形式方式,
本身不会显示在窗口中。
例如:'()这是粗体*你好。'+()
,'()表示粗体开始,'+()表示黑体结束,标记在浏览器里不显示。
标记是
不区分
不区分大小写的,但为了便于阅读,通常采用一致的大小写,空格、
( 键和换行等可以出现在文件的任何位置,浏览器将不显示它们,除非附加特殊标记。
1
另外,在 中没有语句的概念,也就是说,所有标记和内容都可以位于一行中。
浏览器会根据不同的标记进行解释显示。当然,通常情况下为了使 文档更容易阅读,
建议采用合理的分段和缩进等格式(这些格式不影响网页的显示效果)。
、双标记:
、双标记:必须成对出现。
语法:
语法:'标记)内容'+标记)
其中:
其中:
(-)“内容”就是被这对标记施加作用的部分。将文本内容
(.)第二个标记结束标记,总是用反斜线“+&开始。
例 :段落标记
')虽然为一行,但我是一个段落'+)
例 :突出对某段文字的显示标记
'/)$012'+/)(通常会以斜体显示)
双 标 记
双 标 记 元 素 提 供 了 开 始 和 结 束 标 记 , 将 文 本 包 含 在 其 中 , 故 也
称 为
称 为
容 器
容 器
(31)。
、单标记:
、单标记:只需单独使用。单标记都是进行一些特定的操作。
语法
语法:'标记)
例:段落未结束标记
'(4)表示在一个段落未结束时,让显示强制换行
、标记属性:
、标记属性:属性在双标记的开始标记或单标记的
尖括号内中
尖括号内中指定。
语法:
语法:'标记 属性 -5属性的值 属性 .5属性的值 属性 65属性的值 … )
如果一个标记有多个属性,那么不同属性之间应该用
空格
空格隔开。各属性之间无先后次
序,也可不指定,直接使用浏览器的默认值。
例 :双标记属性
'15&1$&)虽然为一行,但我是一个段落,并且在右边#'+)
例 :单标记'4)表示在文档当前位置画一条水平线,此标记允许带一些属性:
'4!1256 15718$5&9:;&)
、注释语句
、注释语句
格式:
格式:'<注释文 )
作用
作用
:
:文字不会显示在网页上*
实例: 实例 =>
'$)
'$8)
'1)如何在 中注释'+1)
' $?15 35+$@
3$05.6-.)
'+$8)
'8)
'<还是当猪好)
')天才在于勤奋')
只有勤奋的人才能获得理想的成功!
'+)
'+8)
'+$)
不是编程语言,而只是一些标记的集合,这些标记嵌在文本文件中,可以被浏
2
览器识别,使文本文件在浏览器中以一定方式显示出来。由于多数标记成对地出现,所以
又
被称为
被称为
容器式
容器式的注释语言。在 文件中,不同标记的使用、搭配以及嵌套、
链接,就构成了不同风格的网页。因此,正确地使用 中的代码标识即标记是建立
文件的关键。
、
、
其它
其它
(
(
)
)
开始越早,关闭越晚。标记是嵌入的。
开始越早,关闭越晚。标记是嵌入的。
例如:'/ )'"/)A'+/ )'+"/)这样是不起作用的。
正确的顺序
正确的顺序是:
'/ )'"/)A'+"/)'+/ )
(
(
)
)
一些标记有可选项
一些标记有可选项
属性,使用值改变标记的行为。
属性,使用值改变标记的行为。
例如:')的对齐属性让你改变段落的默认对齐方式。
' "BC5/C/4)段落的居中。'+)
记住,
记住, 是一个随时变化的语言,老的浏览器不支持新的标记。当一个浏览器看
到一个它不认识的标记时,它就会忽略。这样,你在页面里添加最新的浏览器可以识别的
标记,在旧的浏览器也不会引起问题。
另一方面,如果你犯了一个错误,你就不会看到什么出错信息。所以,在你的浏览器
里察看页面是否和你想象的相同,这很重要。实际上,应该用不同的浏览器检测你的页面,
因为不是所有的浏览器都用同样的方式处理 。
本书中所讲的标记、标记的属性及其输出样式是以 "/:#= 浏览器为准的。
四、网页(
四、网页(
HTML
HTML
文档)
文档)
的
的
基本结构
基本结构
不管网页的内容多么丰富、版式多么复杂,网页的基本结构却都是一样的。
网页的基本结构:
网页的基本结构:
'<$ 网页版本信息说明)
'$)
'$8)
'<标题标记、属性及其内容)(主题部分,一般来说是不可见的)
'+$8)
'8)
'<主体标记、属性及其内容)(正文部分,在浏览器中是可见的)
'+8)
'+$)
文件的内容有
三大部分:
三大部分:文件头'$8)D'+$8)、文件体'8)D
'+8)和一些注释。
、版本信息:
、版本信息:
位于 网页文件的第一行,并以'<EA/F("++6++
G#=011++/C)开头,
、文档标志:
、文档标志:'$)D'+$)
'$):用来标识 文档的开始;
'+$):用来标识 文档的结束。两个标志必须一块使用。
'$)D'+$)之间的文本则表示为一个
单一
单一的 文件。虽然 $ 标记可
以省略(因为 文件的后缀为#$或#$ 已经表明该文件是一个 文件),但
为了使网页结构完整,建议包含该标记。
、
、
文件头
文件头
标志:
标志:'$8)D'+$8),
3
构 成 文 档 的 开 头 部 分 , 在 此 标 记 之 间 可 以 使 用 '"/)D'+
"/) 、 '/ )D'+/ )'!4")D'+!4") 和 '!A/)D'+!A/)
等标记对,此部分内容是不会在浏览器窗口中显示出来的,只是提供一些与 页面有
关的特定信息。两个标志必须一块使用。
、
、
文件体
文件体
标志:
标志:'8)###'+8),
构成 文档的主体部分,其内容是浏览器页面中显示的主体内容。 页的所
有内容,文字、图形、链接以及其他页面元素都包含在该标记内。在此标志对之间可包含
')、'+)、'$-)、'+$-)、')、'$)等等众多的标志,它们所定义的文本、
图像等将会在浏览器的框内显示出来。两个标志必须一块使用。
'8)标记
属性:
属性:
'835H5Hlink=# vlink=#>...</body>
属性 用途 示例
'8
35H)
设置背景颜色。默认是白色。
'8358) 红 色 背
景
'8(385H
设置背景图像。
'8
(385=:I#J
'85H)
设置网页中不包含超链接文本的文
本颜色。默认是黑色。
'85H====K)蓝色文
本
'815H)
设置网页中超链接文字的颜色。默
认是蓝色。
'815)链接为蓝色
'8
15H)
设置已使用的链接的颜色。默认是
紫色。
'815HK====)
'8
15H)
设置正在被击中的链接的颜色。默
认是红色。
'815)
71、1 用于设置网页的左边距和上边框,单位为像素
要点
要点
颜色有两种表示方法
颜色有两种表示方法
:
:
-)预定义的色彩名称:(3、B 等;
.)十六进制的 4B( 值(即红、绿、蓝三色的组合颜色)*
注意
注意
:
:在 4B( 值前要加
号
例:'835&8&)红色背景
'85&H====K&)蓝色文本
'815&&)链接为蓝色
颜色 颜色实效 英文名 十六进制 4B( 值
黑色
(3 H======
银灰色
!1 H===
灰色
B HL=L=L=
白色
$1 H
绛紫色
HL=====
4
红色
48 H====
紫色
HL===L=
紫红色
3$01 H==
绿色
B H==L===
草绿色
1 H====
橄榄色
E1 HL=L===
黄色
A H==
藏蓝色
C H====L=
蓝色
( H====
黑绿色
H==L=L=
海蓝色
H==
、
、
中的标识
中的标识
/ 出现在 文档的起始处,用来标明当前文档的有关信息(如文档标题),
检索引擎可用的关键词以及不属于文档内容的其他数据。/ 元素的起始和结束标识都
是可选的。在 / 的起始标识和结束标识之间最重要的两个元素是 "/ 和 / 。
(
(
)文件标题标记:
)文件标题标记:
格式:
格式:'1)文件标题'+1)
作用:
作用:起始标记和结束标记之间的文字显示在游览器的标题栏上。是对整个文件内容
的概括。
要点
要点 '1)D'+1)标志对只能放在'$8)D'+$8)标志对之间。"/ 元素
通常不被视为文本的—部分,其内容能够被显示,但会显示为文档标题或窗口标题。每个
只能有一个标题,也就是说,每个 文档的 / 部分只能有—个 "/ 元素。
"/ 元素的起始标识和结束标识都是必需的。
说明:
说明:
-)1 除了标识文件内容外,当某一主页存入书签或文件时,1 还用作书签名或默
认的文件名。
.)1 的长度没有限制,但过长的标题会导致折行,一般情况下它的长度不应超过 >G
个字符。由于 1 的作用是标明文件内容,所以太短也是不可取的;
6)一个好的标题应该能使读者从中判断出该文件的大概。
例如:
1831 这个题目,读者不可能根据它判断出文章介绍的是什么,但如果取
“ 教程”就会好理解得多。
实例 :综合例子。
'$)
'$8)
'1)显示在浏览器最上边蓝色条中的文本'+1)
'+$8)
'83585)
')红色背景、蓝色文本'+)
5
剩余63页未读,继续阅读
bpmc530
- 粉丝: 1
- 资源: 13
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- 27页智慧街道信息化建设综合解决方案.pptx
- 计算机二级Ms-Office选择题汇总.doc
- 单链表的插入和删除实验报告 (2).docx
- 单链表的插入和删除实验报告.pdf
- 物联网智能终端项目设备管理方案.pdf
- 如何打造品牌的模式.doc
- 样式控制与页面布局.pdf
- 武汉理工Java实验报告(二).docx
- 2021线上新品消费趋势报告.pdf
- 第3章 Matlab中的矩阵及其运算.docx
- 基于Web的人力资源管理系统的必要性和可行性.doc
- 基于一阶倒立摆的matlab仿真实验.doc
- 速运公司物流管理模式研究教材
- 大数据与管理.pptx
- 单片机课程设计之步进电机.doc
- 大数据与数据挖掘.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0