HTML编程基础--【酷站科技】高端网站建设领导者

HTML编程基础

2014-06-16 酷站科技大中小

一般状况下，大家运用Dreemwcave以数据可视化的方法制作网页。而立即用HTML标识符制作网页的状况则较少，对HTML标识符也掌握很少，但在动态网站设计方案中，经常必须运用ASP编码摘出网页页面的一部分HTM L编码，这时务必了解HTML标识符，因而，此章将对常见的HTMI标识符开展详细介绍。

1. 1. 1什么叫HTML
HTML(街pertext Markup Language)即HTML文件标识语育，是一种用于在WWW (World Wide Web) L表明信息内容的说明性的编译语言。
HTML文字是由HTML标识构成的说明性文字。HTML标识能够叙述文本、图型、动网、响声、报表、连接等。转化成一个HTMI文字述常能够根据下列四种方式 :
I)运用各种各样文本编辑(如Windows文本文档)i is接应用HTML語言撰写。
2)依靠一钱HTMI.的编写工其，如FroniPage、HotDog等。
3)别的文件格式的文本文档(如Word文本文档)转化成HTML文字。
4)山Web服务端端实时动态地转化成。

下边运用第一种方式进行一个简易的案例
1. 1.2一个简易的HTM 1.案例
I例1-1)建立一个简易的网贞，流程以下:
1)挑选“刚开始”一“程序流程”，“配件”一“文本文档”指令，开启文本文档程序流程。翰人以
下HTML编码
<HTMI)
<HEAD>
< TITLE > I ITM L案例</TITLE>
</HEAD)
< BODY Bgcolor = "#FFFFFF">
<P》这是一个简易的HTML案例</P>
</BODY>
</HTMI>
2)挑选“文档.莱单下的“储存，指令.开启“储存”提示框，在输入文件夹名称和文件扩展名(1-1. him),挑选适合的文件目录.随后点击“储存”
3)在电脑浏览器中打开运行该文件(1-1. him)，运作結果如图所示1-1所显示。

从之上全过程能够看得出，应用HTML語言的确可以非常容易地设计网页，可是那样的网页页面间距关观好用的规定显而易见也有一定差别。因而后边的章节目录可能详尽地详细介绍怎样运用HTML诸言的别的标识符来装饰文本和图象等网页页面原素。

1.2 HTML常见标识
标识符是HTML語言中界定网页页面文件格式和显示信息的命令.制网贞內容的显示信息实际效果。

1.2.1页面基础特性标识
而标识符的特性用以进一步操纵网页页面的內容多么的丰富多彩、样式多么的繁杂，网页页面的基础构造却全是一样的。
1.网页页面的基础构造
以下所显示:
<HTML>
<HEAD)
< TITLE>文本文档题目<,TITLE》
</HEAD>
< BODY>
它是HTMI文本文档的关键一部分
</BODY>
</HTML>
HTML的构造包含头顶部(HEAD)、行为主体(BODY)两绝大多数.在其中头顶部叙述电脑浏览器需要的信息内容，而行为主体则包括网页页面的主要内容及文件格式表明。
2.语官标识符维，(Charsets)的信息内容
<META HTTP-EQUIV ="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=#">
#=US-ASCII,ISO-8859-I,X-MAC-ROMAN, 150-8859-2, X-MAC-CE, ISO-2022-JP, X-SJIS,X-EUC-JP, EUC-KR, ISO-2022-KR, GB2312, GB_ 2312-80, X-EUC-TW, X-CNS11643-1，X-CNSI 1643-2, BIG5
可在HTML文档中设定MIME字段名(i息。您在访问首页时.最好是自身在电脑浏览器的选择项莱单内挑选相对的語言(language encoding),可是假如HTML文档里注明了设定，电脑浏览器便会全自动设定語言选择项。假如首页里采用了标识符实体线(entities),则该首页就应当注明字段名信息内容，不然，您在访问该首页时，若未恰当设定語言选择项，显示信息将很有可能错乱。
3.背.颜色和文本色影
设定网贞的情况颜色和文本颜色可根据设定BODY标识的特性来完成，实际文件格式以下:
<BODY Rgcolor=# Text=#Link# Alink=# Vlink=#>
BODY标识各主要参数的含意见表1-l

4.加上注解
因为Web站点必须常常升级，并且制做时通常是几个人协作，因此建立的网页页面务必便于维护保养，而加上提高文档易读性的关键方式。
HTML中的注解是由<!一(刚开始标识符)和一>(完毕标识符)构成的。这两个标识符正中间的內容便是注解的內容，他们不容易在电脑浏览器中显示信息。
5.划线
在网页页面中造成分隔线能用<HR>标识来完成，其使用方法为:
<HR Width=总宽值Size=线的高宽比Align，=两端对齐方法Noshade>
特性表明:
I) Width用以特定分隔线的总宽.总宽优秀的特定方法有二种.一是用像素数来特定，
比如.若想造成总宽为500清晰度的平行线，则完成编码为:
<HR Width=500>
另一种方式是用百分数表述，比如，若要造成总宽是网页页面总宽的75%分隔线，则完成编码以下:
<HR Width二.75%.>
2) Si，用以特定平行线的高宽比。比如.要绘图总宽为80%,高宽比为l的平行线，则完成代
码以下:
<HR Width ="80%" Size=1>
3) Align特定平行线的两端对齐方法，赋值有left、Center、Right。
4) Noahade特定平行线是不是有阴形。假如含有该主要参数，则平行线无黑影。
<HR>标识一般用以造成水准分隔线，若要造成竖平行线，可将Width设定为1, Size设定为竖平行线的高宽比谊。比如:< HR Width= I Size= 500 Noshade >
1.2.2文本特性标识
文本是网页页面中最关键的网页页面原素，HTML語言出示了一些用于装饰文本的标识符，能够川他们来设定文本的字体样式、色调、尺寸和款式等特性。
1.字体样式操纵
<FONT >标识符是用于操纵文本的字体样式、尺寸和色调的。其英语的语法文件格式为:
<FONT Face=“fonlname" Size=“fontaize" Color="#RRGCBB">文字</FONT>
特性表明:
Face特性用以特定字体样式;Size用以特定字体样式的尺寸;Color用以设置字体的色调。文字大小的表达方式有二种，一是设定为肯定字体大小，这时的设定优能够是1~7, 2号最少，花了7天时间较大，默认设置字体大小为3，可运用< BASEFONT Size=字体大小>设定或变更默认设置字体大小。比如，若想以翠绿色，宋体字11号字輸出“HTML案例”，则完成编码为:
< FONT Face=“宋体字”Size=4 Color=“#0080 00">HTML案例</FONT >
另一种设定为相对性字体大小尺寸，这时的使用方法为<FONT Size=±n>，在其中n代表字体大小更改的量，表明字体样式在默认设置字体大小的基本上扩大字体大小，- 表明在默认设置字体大小的基本上下降字体大小。比如:
< BASEFONT Size=3)
<FONT Size= 2>HTML案例</FONT >

2.题目的字体大小
英语的语法文件格式为:
< Hn)</Hn>
表明:n是1 -6的数据，<HI>表明较大的题目，<H6>表明最少的题目。在默认设置情况下，<Hn>标识符中的文本在电脑浏览器中显示信息时全是黑体字，并且文本将全自动在</Hn>标识符后自动换行。
【例1-2】在网页页面中各自用六级题目标识符拍出一个侧试实际效果的文字。
<HTML >
<HEAD >
<TITLE>标越字体样式演试</TITLE》
</HEAD >
<BODY Bgcolor = " #FFFFFF" Text=“#000000”>
<Hl>它是第一级题目</H1>
<H2》它是第二级标肠</H2>
<H3>这足第三级标题</H3>
<H4>它是第四级标肠</H4 >
<115》它是第五级标题</HS>
<H6>它是第六级题目</H6>
</BODY)
</HTML>
运作結果如图所示，1-2所显示。