HTML语言基础知识及源码大全一1.docx
- 文档编号:23736932
- 上传时间:2023-05-20
- 格式:DOCX
- 页数:56
- 大小:50.93KB
HTML语言基础知识及源码大全一1.docx
《HTML语言基础知识及源码大全一1.docx》由会员分享,可在线阅读,更多相关《HTML语言基础知识及源码大全一1.docx(56页珍藏版)》请在冰豆网上搜索。
HTML语言基础知识及源码大全一1
HTML语言基础
(一)
1.本文档的主要内容:
(1)HTML语言概述。
(2)文字版面的编辑。
(3)文字列表的设计。
(4)表格的设计。
(5)HTML的超链接。
(6)图片的使用。
(7)高级HTML使用。
(8)表单设计。
2.Web上的信息是以页面(Page)的形式组织起来的,Web页面由HTML描述。
3.Web页面与HTML文档实际上是同一事物的两个不同侧面:
人们通常把用HTML编写的文件称为HTML文档,而把HTML文档在Web浏览器中的表现形式称为Web页面。
4.Web页面中有一种称为主页(Hompage)的特殊页面。
主页通常是用户通过Web浏览器访问某一Web站点时看到的第一个页面,用户通过主页可以访问该站点的其他页面。
因此主页一般是关于某一组织、机构或个人的基本信息的页面。
5.最基本的定义:
标记是用于指明文档中文本格式编排的代码系统。
6.标记语言的发展:
SGML——>HTML——>XML。
7.标准通用标记语言SGML:
StandardGeneralizedMarkupLanguage。
8.超文本标记语言HTML:
HyperTextMarkupLanguage。
9.可扩展标记语言XML:
eXtensibleMarkupLanguage。
10.使用编辑器生成页面可能会产生的问题:
(1)在编辑界面下的显示效果与用浏览器看到的很可能会不同;
(2)会产生一些复杂的、非标准的代码,难以达到设计的效果,从而容易引起浏览器之间的兼容问题;
(3)一些特殊的页面控制,必须通过HTML代码才可以实现。
11.可以借助于HTML编辑器,但不能依赖于它。
12.HTML文档的基本构成:
………
<标签1[属性[=属性值]][属性[=属性值]].....>
<标签2[属性[=属性值]][属性[=属性值]].....>
...........
[标签2>]
[标签1>]
..…….
13.HTML之所以称为“超文本标记语言”,一是因为它的超链接功能,二是因为它的指令统一采用了“标记”表示法。
HTML中主要有单标记指令和双标记指令两种。
14.如果用两个一组的HTML标记把一段文字包含在其中,则此段文字与包含文字的HTML标记称为一个HTML元素。
15.如果使用单独的HTML标记,则此HTML标记也被称为一个HTML元素。
16.单标记指令:
语法:
<指令>。
说明:
用一对(两个为一对)尖括号“<”和“>”作为标志符号,将要执行的指令包含在这一对尖括号之中;如果成对的标志符号中少了一个,则当浏览器解释时就会出现错误。
标记本身不会出现在显示结果中,只对显示格式起作用。
示例:
称为换行标记,当浏览器遇到
标记时,将换行显示文本。
17.双标记指令:
语法:
格式1<标记名称>要控制的内容标记名称>。
格式2<标记名称属性=属性值…>要控制的内容标记名称>。
说明:
①用<标记名称>作为双标记指令的开始,用标记名称>作为双标记指令的结束,将要控制的内容安排在这一对标记中间。
②格式2与格式1的不同之处是后者在开始标记中带有起辅助作用的属性参数。
可以包含若干参数,也可没有参数。
18.HTML的层次概念:
......
.......
HTML文件的层次结构
HTML文档基本结构
19.HTML基本标记的使用方法:
(1)注释标记(
--…-->)。
语法:
--注释内容-->。
(2)文件标记(…)。
语法:
…。
说明:
这对标记是HTML文件的标记。
处于文件的最前面,表示HTML文件的开始。
即浏览器从标记开始解释,直到遇到标记为止。
(3)文件头标记(
…)语法:
…。说明:
①由head这组标记定义的元素中,并不放置网页的任何内容,而是放置关于这份HTML文件的信息。
就是说,它并不属于HTML文件的主体,它包含文件的标题、编码方式和URL等。
这些信息大部分用于提供索引、辨认或其他应用。
②这对标记在HTML文件中并不是必需的。
如果某个HTML文件并不需要提供相关信息,则可省略
标记。(4)文件标题标记(
语法:
说明:
此标记用于设定HTML文件的标题名称,它将显示在浏览器的标题栏中。
注意:
但如果HTML文件中没有使用
标记,则(5)文件主体标记(
语法:
…。说明:
①由
标记所建立的元素是HTML文件的内容主体,也是HTML文件的重点所在。HTML文件中要显示在网页上的所有内容,也都放置在这个元素中。
②
具有一些特殊的属性,可以设定背景及字符颜色等。20.取消文字换行标记
语法:
说明:
显示一个HTML文件时,浏览器会根据窗口的大小,调整每行显示的文字数和段落。
如果想禁止这项功能,取消因窗口大小不同而产生的换行,就应该使用
注意:
(1)不符合标准网页设计的理念,不赞成使用。
(2)nobr标签是成对出现的,以
(3)nobr用于强迫在一行显示内容。
常用的转义字符:
(1)空格:
 ;
(2)小于号:
<;
(3)大于号:
>;(4)与号:
&;
(5)双引号:
";
21.换行标记
:
语法:
。
说明:
换行标记
是一个单标记指令。
当HTML文件显示在浏览器时,换行标记
之后的文字将显示在下一行。
22.段落标记
:
语法:
格式1
段落文字
格式2
说明:
①以
标记所标识的文字,代表同一个段落的文字。
在浏览器显示时,不同的段落之间除了换行外,还会以一行空白加以区分。
②段落标记中可以设置align属性,用于控制段落的对齐方式,默认的对齐方式为靠左。
例:
p.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
--简单的HTML文件-->
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
23.保留原始排版方式标记
:语法:
文字。说明:
要想在浏览器显示时,保留原始的文字排版方式,则可以在指定文字前后分别添加
与标记。例:
pre.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
HTML实例(五)——pre标签的使用 --简单的HTML文件-->
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
24.水平分割线标记
:语法:
。说明:
使用
标记可以在网页上绘制一条横线,用来分割不同的文字段落。
标记具有一些属性,可以用来控制横线的样式。例:
hr.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
HTML实例(六)——hr标签的使用 --简单的HTML文件-->
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
标记的属性:属性
说明
示例
size
横线的粗细,以像素(Pixel)为单位。
默认值为1
width
横线的长短,可以以像素(Pixel)为单位,也可以以对浏览器窗口的百分比表示。
默认值为100%
align
横线的对齐方式。
可以设置为left,center或right。
默认值为center
color
横线的颜色。
颜色可以用英文名称或十六进制数设置
noshade
横线的颜色。
颜色可以用英文名称或十六进制数设置
25.空格符号 :
语法:
说明:
在编辑HTML文件时,不论输入多少个空格,在浏览器中显示时均被视为一个。
因此,如果想在浏览器中显示多个空格,则必须使用空格符号 。
例:
space.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
HTML实例(七)——hr标签的使用 --简单的HTML文件-->
梦之都的 HTML教程。
梦之都的 HTML教程。
梦之都的 HTML教程。
26.居中对齐标志
: 语法:
居中显示的内容 。说明:
被
标记所包含的元素,将以居中对齐的方式显示在网页中。 例:
center.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
HTML实例(八)——center标签的使用 --简单的HTML文件-->
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
27.向右缩进标记
:语法:
向右缩进的内容说明:
标记控制所包含的某段文字以向右缩进方式显示。28.标题文字标记
: 语法:
标题文字。 说明:
标记用于标示网页中的标题文字,被标示的文字将以粗体的方式显示在网页中。 在HTML中,共有6个层次的标题,因此其中n的范围为1~6。
标题文字标记中可以设置align属性,用于控制对齐方式,默认的对齐方式为靠左。
29.文字格式标记:
语法:
文字。
说明:
文字格式标记用于控制文字的字体、大小和颜色。
控制的方式是利用标记的属性设置来实现的。
标记的属性:
属性
说明
示例
face
设置文字所使用的字体。
如果指定的字体在用户的系统中不存在,则将使用默认字体
size
控制文字大小。
在浏览器中,字体的大小分为7级,等级7为最大的字体。
默认值是3
color
字体的颜色。
颜色可以用英文名称或十六进制数设置
例:
font.html。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
HTML实例(九)——font标签的使用 --简单的HTML文件-->
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签,html属性与html的简单用法。
30.特定文字样式标记:
HTML中有一些标记可以设置文字以特别的样式实现。
这些标记分别属于两类:
物理型和逻辑型。
物理型
标记格式
字形效果
…
粗体
…
斜体
…
下划线
…删除线
…
上标
…
下标
…
小字
逻辑型
标记格式
适用情况
字形效果
…电子邮件与网址
缩小字体+斜体
…
加强强调
粗体
…
强调
斜体
…
程序代码和指令
缩小字体
…
小字
小字
…
大字
大字
31.
标记的属性:HTML文件的主体定义在
标记中。通过设置
标记的属性,可以控制整个页面的显示方式。标记的属性属性
说明
语法
示例
bgcolor
设置网页背景颜色。
颜色可以用英文名称或十六进制数表示
background
设置网页背景图片
text
设置网页文字的颜色
使用
标记的这些属性时需要注意:⑴背景图片
浏览器使用平铺的方式重复显示背景图片,以填满整个页面区域。
因此,有时可以使用小的背景图片取得满意的效果。
⑵背景色与背景图片
当bgcolor与background属性同时起作用时,只有背景图片显示出来。
可以认为背景图片在背景色的上一层,当背景图片起作用时,就“遮住”了背景色。
⑶text属性
设置了text属性后,网页内没有特殊设置的文字均将显示为该颜色。
如果有些文字需要使用别的颜色,则可以使用标记进行设置。
32.编号列表标记
:
语法:
- 编号内容1
- 编号内容2
……
说明:
编号列表标记用于处理所要处理的各个条目之间具有顺序性的情况。
标记的属性
属性
说明
示例
type
设置序号的种类,语法为:
type=1|A|a|l|i其中各设置值意义如下:
1表示序号为数字
A表示序号为大写英文字母
a表示序号为小写英文字母
I表示序号为大写罗马数字
i表示序号为小写罗马数字
默认值为1
start
编号的起始序号,语法为:
start=n
默认值为1
例:
ol.htm。
源码:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 基础知识 源码 大全