HTML1文档格式.docx
《HTML1文档格式.docx》由会员分享,可在线阅读,更多相关《HTML1文档格式.docx(20页珍藏版)》请在冰点文库上搜索。
![HTML1文档格式.docx](https://file1.bingdoc.com/fileroot1/2023-5/5/2e3e0309-290f-47ee-bdb8-1a7a2b384d3e/2e3e0309-290f-47ee-bdb8-1a7a2b384d3e1.gif)
<
head>
<
title>
第一个网页<
/head>
body>
h1>
fontcolor="
#666666"
>
欢迎进入网页制作天地<
/font>
/h1>
/body>
/html>
▪HTML是一个扩展性很强的语言,可以嵌套用脚本语言编写的程序段
这些脚本语言如:
VBScript,JavaScript
HTML语言的起源
●HTML是一种标记语言,起源于SGML(StandardGeneralizedMarkupLanguage)标准通用标记语言
▪SGML是定义电子文档结构和描述其内容的国际标准语言
▪SGML在Web发明之前就存在
▪HTML是SGML的子集
●HTML由TimBerners-Lee和同事NanielW.Connolly在瑞士日内瓦的欧洲粒子实验室发明,伴随着WEB一起诞生
HTML的管理机构:
万维网组织
●W3C(WorldWideWebConsortium)是一个非营利性的负责为HTML制定标准的机构,负责关于万维网的标准的制定,可以通过访问网址www.w3.org了解更多关于W3C的内容
HTML相关术语
●标记
▪标记是用尖括号<
包围的单词,很多标记是成对的,一个是开始标记,一个是结束标记(单词前加/)
●元素
▪每一对尖括号包围的部分
✓比如由<
xxx<
包围的部分就叫做body元素
▪元素通常由三个部分组成
✓开始标记
✓内容
✓结束标记
●属性
▪用来修饰元素
▪每个属性都有值
▪属性放在开始标记中
fontsize="
3"
Oracle<
HTML元素
●块级元素
▪指一些元素可以在浏览器中用一个矩形框(块)来表示,即使不显示任何内容也可以用这样一个空白矩形来作为占位符
✓如p、body、div元素等
●内联元素
▪指在文档中插入到块元素中的那部分元素
▪作用:
可以控制在块元素内进行如强调、引用、斜体等特殊格式变化
✓包括em(加强)、span(内联元素分组)、sub(下标)、sup(上标)等
编辑HTML
●纯文本类型的语言
●编辑方式简单
●HTML文档所有的部分都由某种标记包围着,为了和今后的版本兼容,标记单词最好用小写
●由HTML编写的文件以后缀.html或.htm保存
▪以.htm为扩展名主要是为了和某些操作系统兼容。
在一些操作系统中比如dos对扩展名的位数有限制(3位)
HTML表达方式
●一般来说,HTML的语法有三种表达方式,如下所示:
▪<
标记>
内容<
/标记>
标记属性1=参数1属性2=参数2>
HTML基本语法
●<
/标记>
--封闭类型标记
▪大多数标记是封闭类型的,它们成对出现,在内容的前面是一个标记,而在内容的后面是另一个标记,第二个标记元素前带有反斜线,表明结束标记对内容的控制
✓示例:
这是标题<
/h1>
▪如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误
(空标记)--非封闭类型标记
▪最常用的是换行标记<
br>
✓如果希望使一行文字换行(但是仍然同上面的文字属于一个段落),则可以在文字要换行的地方添加标记<
,例如:
▪此类型还有base,link,meta标记等
●标记嵌套
▪标记之间可以相互嵌套,形成更为复杂的语法
例如:
HTML文档的结构
●一个HTML文档可以看成由以下三个部分构成:
▪版本信息
▪文档头
✓由<
HEAD>
/HEAD>
标识
▪文档主体部分
由<
BODY>
/BODY>
标记标识
版本信息
●文档类型定义(DOCUMENTTYPEDEFINITION,DTD):
对文档中使用的HTML语言的版本进行说明
文件头元素
▪HEAD元素包含了与当前文档相关的信息,如文档的标题、关键字(如果该文档希望被搜索引擎搜索到,各部分信息很重要)、以及一些和文档内容无关仅对文档本身进行说明的数据信息
●开始标记:
可选
●内容:
▪title标题元素
▪base文档基础目录元素
▪meta元数据元素
▪script脚本元素
▪style内部样式表的样式元素
▪link链接元素连接到外部样式表
▪object对象元素
●结束标记:
可选
●head元素主要属性
▪lang:
语言
▪dir:
元素中内容的文本方向
▪profile:
由空格分隔的URL列表,这些URL包含着有关页面的元数据信息
标题元素
/title>
元素
▪标题元素的内容出现在浏览器顶部
▪没有属性
▪必需出现在head元素中且只能有一个标题元素
元数据元素
meta>
▪meta的意思是“关于”
▪它是关于某个网页的基本信息
▪搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页
文档主体元素
▪body元素代表网页要显示给读者的内容,几乎所有要显示的内容都被包括在<
……<
里面
●语法:
▪可以包含除了html、head外所有元素
●主要属性
▪background背景图像的URL
▪text文本的颜色
▪link链接的颜色
▪vlink已访问过的链接的颜色
▪alink活跃链接的颜色
▪bgcolor背景色
▪id、class为样式表设置的标识属性
▪title提示文字(与tilte元素不同)
▪style样式信息
网页中的文本
●网页中的信息主要是通过文本传递的,所以文本是Web信息的基本构成。
下面介绍与文本编辑有关的元素,包括:
p>
段落标记
pre>
预定标记
br>
换行标记
blockquote>
缩进标记
div>
、<
span>
区块标记
hr>
水平线标记
strong>
em>
强调标记
h2>
h3>
h4>
h5>
h6>
文本标题标记
li>
ul>
ol>
列表标记
dl>
dt>
dd>
定义列表标记
段落元素的语法
必需
▪嵌套其它块元素
▪内联元素
▪文本
/p>
预定义元素
/pre>
的作用
▪预定义格式的作用是告诉浏览器被包含在其中的文本必须被如下对待:
✓原封不动地保留空白区域
✓可以用组合字体来显示文字
✓禁止自动单词换行
▪Id、class、align、title、style、lang等
blockquote缩进元素
标记本来使用于文本中的引用,现在使用<
都是把它作为缩进文本的手段
▪无属性
div块元素分组
▪为块元素提供分组的方法
▪常被用于和样式表配合使用
还被用来作为层用于页面布局
▪嵌套其他块元素
/div>
▪id、class、align、title、style、lang等
内联元素分组
元素的作用
▪span提供了一种对内联元素分组的方法
▪span常用来和样式表配合
往往被用来设置同一行文字内的不同格式
/span>
Id、class、align、title、style、lang等
水平线元素
▪该元素可以在文档中划一条水平线,当文档比较大时常用来分割文档
hrcolor="
#FF0066"
size="
20pt"
noshade>
hrwidth="
50%"
加强元素和强调元素
●Strong和em
▪默认效果:
给字体加粗和斜体显示
▪开始标记:
必需
文本标题元素
标题1-标题6
▪这六个元素的作用是让文字以醒目的方式显示,往往用于文章的标题
列表元素
▪列表是指将具有相似特征或者是具有先后顺序的几行文字进行对齐排列
▪列表分为有序列表<
和无序列表<
两种
列表项元素用来包含<
和<
两种列表的列表项,也就是列表内容
●ul无序列表元素
▪内容:
●列表项
▪结束标记:
▪主要属性
●id、class、align、title、style、lang
●type列表符号,可取值为disc,square,circle
●ol有序列表元素
●type列表符号,可取值为1,A,a,i,I
●start起始符号
●li有序列表元素
●文本
可选
●type列表符号,可取值为disc,square,circle,1,A,a,i,I
●value序列号
网页中的注释
●在HTML中使用<
!
--和-->
标记加入注释
●注释以<
--开始,浏览器将忽略它之后看到的所有代码,直到看到一个“-->
”
●注释有利于HTML代码的可读性,在动态网页中还有其它的用处
给代码加上注释是一个好习惯
网页中的实体
●实体指
▪网页中表达一些在HTML语言中有特殊意义的字符,直接使用它们会带来误会
✓比如<
、>
、&
、”、还有空格等
▪键盘上没有的,但常常会使用
✓比如:
–©
:
版权符号
–™:
商标符号
–®
注册符号
●有三种方式来表示实体
▪一般,以”&
”号开始,并以分号”;
”结束
▪使用转义字符
&
copy;
代表版权符号©
✓注意:
并不是所有实体都有相应的转义字符
▪使用十进制符号
✓在&
后加上#和一个十进制的数字来表示实体
版权符号可以表示成&
#169;
▪使用十六进制符号
✓和十进制相同,但在#后面加上的是一个十六进制的值并在值前加上小写的x表示十六进制
版权符号表示成十六进制为&
#xa9;