html技术论文Word文件下载.docx
- 文档编号:22209559
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:15
- 大小:428.63KB
html技术论文Word文件下载.docx
《html技术论文Word文件下载.docx》由会员分享,可在线阅读,更多相关《html技术论文Word文件下载.docx(15页珍藏版)》请在冰豆网上搜索。
因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
(二)、HTML的语言特点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(www)盛行的原因之一,其主要特点如下:
1、简易性:
超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:
超级文本标记语言的广泛应用带来了加强功能,增加表示标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:
虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4、通用性:
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。
它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
三、HTML的书写方式
(一)、HTML的编辑
它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,
基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。
不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。
1、其所见即所得软件,
如:
FCK-Editer、E-webediter等在线网页编辑器;
尤其推荐:
SublimeText代码编辑器(由JonSkinner开发,SublimeText2收费但可以无限期试用)。
2、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:
AMAYA(出品单位:
万维网联盟);
FRONTPAGE(出品单位:
微软);
Dreamwear(出品单位:
Adobe)。
3、所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。
任何地方进行修改只需要刷新即可显示。
缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。
四、基本的HTML文档结构示例
(一)、HTML的字符集
在网页中除了可显示常见的美国信息交换标准代码(外语缩写:
ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。
有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。
HTML字符可以用一些代码来表示,代码可以有2种表示方式。
即字符代码(命名实体)和数字代码(编号实体)。
字符代码以“&
”符开始,以分号"
;
"
结束,其间是字符名,如&
reg;
。
数字代码也以“&
#”符开始,以分号"
结束,其间是编号,如®
(二)、HTML的整体结构
一个网页对应多个HTML文件,超文本标记语言件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。
可以使用任何能够生成TXT类源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:
<
br/>
),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。
有三个双标记符用于页面整体结构的确认。
标记符<
html>
说明该文件是用超文本标记语言(本标签的中文全称)来描述的,
它是文件的开头;
而<
/html>
则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
(三)、HTML的头部内容
<
head>
/head>
;
这2个标记符分别表示头部信息的开始和结尾。
头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。
头部中最常用的标记符是标题标记符meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用作书签和收藏清单。
设置文档标题和其它在网页中不显示的信息,比如dircation方向、语言代码LanguageCode(实体定义!
ENTITY%i18n)、指定字典中的元信息、等等。
(四)、HTML的主体内容
body>
/body>
,网页中显示的实际内容均包含在这2个正文标记符之间。
正文标记符又称为实体标记。
五、HTML标签
HTML是简单的文本标签语言,HTML文档由元素组成,元素由开始标签、结束标签、属性、元素的内容4部分构成。
标签是元素组成,用来标记内容块。
(一)、HTML标题
HTML标题(Heading)是通过<
h1>
-<
h6>
等标签进行定义的。
(二)、HTML段落
HTML段落是通过<
p>
标签进行定义的。
(三)、HTML链接
HTML链接是通过<
a>
(四)、HTML图像
HTML图像是通过<
img>
(五)、HTML元素
HTML元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。
(六)、嵌套的HTML元素
大多数HTML元素可以嵌套(可以包含其他HTML元素)。
HTML文档由嵌套的HTML元素构成。
1、HTML文档实例
(七)、各种常见的标签
HTML<
!
--...-->
标签
html文档中的存放在注释标签中的内容不会显示在页面中
DOCTYPE>
标签
标签可告知浏览器文档使用哪种HTML或XHTML规范来渲染网页。
a标签可以定义超级连接href也可以定义锚链接#nane,是html中最重要的标签之一。
abbr>
Abbr标签表示一个缩写形式,比如"
Inc."
、"
etc."
,表示它所包含的文本是一个更长的单词或短语的缩写形式。
acronym>
acronym元素可定义只取首字母缩写,比如"
WWWC"
,表示“WorldWideWebConsortium”。
address>
address可定义一个联系方式(比如电子邮件地址)。
您可以使用它来定义地址、签名或者文档的作者身份。
applet>
applet定义嵌入html的applet小应用程序。
applet通常是采用Java创建的基于HTML的程序。
area>
area标签定义图像image映射中的区域,area标签总是嵌套在map标签中。
b>
b标签包括的文本呈现粗体bold文本效果,但不具备strong标签的扩展意义。
base>
base标签为html页面上的所有链接href规定默认的url和默认打开位置target。
basefont>
basefont标签定义html的基准字体样式。
该标签可以定义html文档默认字体的颜色、大小和字体family。
big>
big标签可以很容易地放大字体。
浏览器显示包含在big标签和其相应的big标签之间的文字时,其字体比周围的文字要大一号
blockquote>
blockquote标签定义块引用,定义的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。
body>
body元素定义html文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。
)
br>
br标签用来在html中插入一个换行符,是一个没有结束标签的空标签,在xhtml中的正确写法
button>
button标签定义一个按钮。
在button元素内部,您可以放置内容,比如文本或图像。
这是该元素与使用input标签创建的按钮之间的不同之处。
caption>
caption标签用来定义表格的标题,必须紧随table标签之后,通常这个标题会居中位于表格之上。
center>
center对其所包括的文本进行水平居中,在XHTML1.0StrictDTD中,center元素不被支持,建议使用CSS样式来居中文本。
六、HTML各种排版样式
(一)、HTML的文本的排版
/h1>
最大的标题(一号标题)
pre>
/pre>
预先格式化文本(英文全称:
PREformatted)
u>
/u>
下划线(英文全称:
Underline)
/b>
黑体字(英文全称:
Bold)
i>
/i>
斜体字(英文全称:
Italics)
tt>
/tt>
打字机风格的字体
cite>
/cite>
引用,通常是斜体
em>
/em>
强调文本(通常是斜体加黑体、英文全称:
EMphasize)
strong>
/strong>
加重文本(通常是斜体加黑体)
fontsize="
color="
>
/font>
设置字体大小从1到7,颜色使用名字或RGB(中文全称:
红绿蓝)的十六进制值
/big>
字体加大
SMALL>
/SMALL>
字体缩小
DELECT>
/DELECT>
加删除线
CODE>
/CODE>
程式码
VAR>
/VAR>
变量(英文全称:
VARiable)
BLOCKQUOTE>
/BLOCKQUOTE>
向右缩排(向右缩进、块引用)
DFN>
/DFN>
述语定义(英文全称:
DeFiNe)
ADDRESS>
/ADDRESS>
地址标记
sup>
/SUP>
上标字(英文全称:
SUPerscript)
SUB>
/SUB>
下标字(英文全称:
SUBscript)
listing>
...<
/listing>
固定宽度小字体
fontcolor=00ff00>
字体颜色
fontsize=1>
字体大小等于1(最小)。
fontstyle='
font-size:
100px'
字体样式等于无限增大(100像素)
(二)、段落的排版
/p>
创建一个段落(英文全称:
Paragraphs)
palign="
将段落按左、中、右对齐
定义新行
/blockquote>
从两边缩进文本
dl>
/dl>
定义列表(英文全称:
DefinitionList)
dt>
放在每个定义术语词前(定义术语、英文全称:
DefinitionTerm)
ol>
/ol>
创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项(有序列表、外语全称:
OrderedList)
ul>
/ul>
创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。
(无序列表、外语全称:
UnorderedLists)
li>
放在每个列表项之前,若在<
之间则每个列表项加上一个数字,
若在<
之间则每个列表项加上一个圆点
divalign="
/div>
用来排版大块HTML段落,也用于格式化表
hrsize='
9'
width='
80%'
color='
ff0000'
水平线(设定宽度、外语全称:
horizontalrule)
/center>
水平居中
七、HTML网页的超链接
超链接在本质上属于一个网页的一部分,它是一种允许同其他网站或者站点之间进行链接的元素。
互联网上的各个网页链接在一起后,才能真正构成一个网站。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用<
标签在HTML中创建链接。
有两种使用<
标签的方式:
通过使用href属性-创建指向另一个文档的链接
通过使用name属性-创建文档内的书签
HTML的链接
HTML链接-target属性
使用Target属性,你可以定义被链接的文档在何处显示。
ahref="
target="
_blank"
VisitW3School!
/a>
八、HTML表格
(一)、表格的定义
表格由<
table>
标签来定义。
每个表格均有若干行(由<
tr>
标签定义),每行被分割为若干单元格(由<
td>
标签定义)。
字母td指表格数据(tabledata),即数据单元格的内容。
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
(二)、表格和边框属性
如果不定义边框属性,表格将不显示边框。
有时这很有用,但是大多数时候,我们希望显示边框。
使用边框属性来显示一个带有边框的表格
(三)、表格的表头
(四)、表格中的空单元格
在大多数浏览器中,没有内容的表格单元显示得不太好。
九、HTML框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
垂直框架:
(一)、框架结构标签(<
frameset>
∙框架结构标签(<
)定义如何将窗口分割为框架
∙每个frameset定义了一系列行或列
∙rows/columns的值规定了每行或每列占据屏幕的面积
框架标签(Frame)
∙Frame标签定义了放置在每个框架中的HTML文档。
在下面的这个例子中,我们设置了一个两列的框架集。
第一列被设置为占据浏览器窗口的25%。
第二列被设置为占据浏览器窗口的75%。
HTML文档"
frame_a.htm"
被置于第一个列中,而HTML文档"
frame_b.htm"
被置于第二个列中:
十、总结
对于现在的社会,科技的飞速发展以及成为社会发展的标准,其中计算机的发展可谓模块中之快,而在计算机的发展中计算机网络的发展又是首当其冲的,计算机网络从未我们所知,到现在才经历短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段。
无论是最新的新闻消息,新产品出台,新游戏的发布,最新的各种IT动态,包括等候就业人才的个人简历,我们都是通过网络来获得。
但是什么围着这所以的一切提供平台呢。
我们又是通过什么来获取这些信息呢--这就是网页。
现如今,数以万计的网站以网页的方式提供了丰富,精彩的信息。
在人类社会进入信息时代的时候,在计算机网络普及的今天,在网络成为通信的主要手段的时候,网络也在他自己的岗位上做出了突出的贡献。
网页是我们在网络上的“代言人”。
我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。
网页设计是伴随着网络的快速发展而快速兴起。
由于人们使用网络的频繁而网页制作作为网上的主要依托就变的非常重要,网页讲究的是排版布局,其主要功能是提供一种形式给每一个上网者,让他们能够了解网站提供的信息。
十一、参考文献
[1]杨远辉<
网页设计与制作教程>
---------------清华大学出版社
[2]储久良《web前端开发技术》------------------清华大学出版社
[3]唐俊开《HTML5移动Web开发指南》-----------武汉大学出版社
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 技术 论文