网页制作HTML代码全攻略Word文件下载.docx
《网页制作HTML代码全攻略Word文件下载.docx》由会员分享,可在线阅读,更多相关《网页制作HTML代码全攻略Word文件下载.docx(33页珍藏版)》请在冰豆网上搜索。
![网页制作HTML代码全攻略Word文件下载.docx](https://file1.bdocx.com/fileroot1/2022-10/10/c035b670-8a31-4b24-a72d-f678db2bb608/c035b670-8a31-4b24-a72d-f678db2bb6081.gif)
和body之间不能有空格。
元素名称不分大小写。
background属性名。
一个元素能够有多个属性,属性及其属性值不分大小写。
本属性指明用什么方式来填充背景。
=指明属性值
“”属性值,表示用文件来填充背景。
属性名,=,属性值合起来组成一个完整的属性,一个元素能够有多个属性,各个属性用空格分开。
>
起始链接链终止。
第二行和第三行是body元素的元素体,最后一行是body元素的结尾标注。
结尾标注用<
/开始,随后是元素名,然后是大于号>
。
从上面的例子中,咱们能够看出,一个元素的元素体中能够有另外的元素。
(上例中第二行的题目元素<
…<
和第三行的分段元素<
事实上,html文件仅由一个html元素组成,即文件以<
html>
开始,以<
/html>
结尾,文件其部份都是html的元素体。
html元素的元素体由
两大部份,即头元素<
head>
..<
/head>
和体元素<
body>
和一些注释组成。
头元素和体元素的元素体又由其它的元素和文本及注释组成。
也确实是说,一个html文件应具有下面的结构:
html文件开始
文件头开始
文件头
文件头终止
文件体开始
文件体
文件体终止
html文件终止
需要说明的是,html是一门进展专门快的语言,初期的html文件并无如此严格的结构,因此此刻流行的阅读器(如Netscape,Mosaic等)为维持对初期html文件的兼容性,也支持不按上述结构编写的html文件。
还需要说明的是,各类阅读器对html元素及其属性的说明也不完全一样,本书中所讲的元素,元素的属性及其输出是以阅读器为准的,作者将尽可能给出别的阅读器对某一元素的说明。
一样来讲,html的元素有以下三种表示方式:
1)<
元素名>
文件或超文本<
/元素名>
2)<
元素名 属性名=“属性值…>
文本成超文本<
3)<
第三种写法仅用于一些特殊的元素,比如分段元素P,它仅仅通知www阅读器在此处分段,因此不需要界定作用范围,因此它没有结尾标注。
标准中,也概念了<
/p>
标注,它用于需要界定作用范围的段落,比如增加对齐方式属性的段落。
注意:
HTML并非大小写灵敏.<
title>
和<
TITLE>
或<
TiTlE>
是一样的.
html文件中,有些元素只能出此刻头元素中,绝大多数元素只能出此刻体元素中。
在头元素中的元素表示的是该html文件的一样信息,比如文件名称,是不是可检索等等。
这些元素书写的顺序是无关紧要的,它只说明该html有仍是没有该属性。
与此相反,出此刻体元素中的元素是顺序灵敏的,改变元素在html文件中的顺序会改变该html文件的输出形式。
第二章:
组成网页的大体元素
题目(TITLE)
Title元素是文件头中唯一一个必需显现的元素,它也只能出此刻文件头中。
title元素的格式为:
文件题目<
/title>
title标明该html文件的题目,是对文件内容的归纳。
一个好的题目应该能使读者从中判定出该文件的可能内容。
文件的题目一样可不能显示在文本窗口中,而以窗口的名称显示出来。
除标识窗口外,当将某一homepage存入书签或文件时,title还用作书签名或缺省的文件名。
title的长度没有限制,但太长的题目会致使折行,一样情形下它的长度不该超过64个字符。
由于title的作用是标明文件内容,因此太短的title也是不可取的,比如:
introduction那个题目,读者不可能依照它判定出本文介绍的是什么。
一个好的例子是:
AnIntroductiontoHTML<
在头元素中还能够显现其他元素,如<
isindex>
,<
meta>
等等。
这些元素都不是必需的,而且也不经常使用。
这些元素的用法和它们的含义能够参考有关文献。
下面是一个最简单的html文件
thesimplesthtmlfile<
Thisismyfirsthtmlfile.
§
题目(hn)
题目元素有6种,别离为h1,h2,…h6,用于表示文章中的各类题目。
题目号越小,字体越大。
一样情形下,阅读器对题目作如下说明:
h1黑体,特大字体,居中,上下各有两行空行。
h2黑体,大字体,上下各有一到两行空行
h3黑体(斜体),大字体,左端微缩进,上下空行
h4黑体,一般字体,比h3更多缩进,上边一空行
h5黑体(斜体),与h4相同缩进,上边一空行
h6黑体,与正文有相同缩进,上边一空行
Netscape对hn的说明为,一概黑体,字体愈来愈小。
hn能够有对齐属性,align=#,#表示
left题目居左
center题目居中
right题目居右
例:
<
h2align=center>
Chapter2<
h1>
题目元素!
/h1>
题目元素!
h3>
/h3>
h4>
/h4>
h5>
/h5>
h6>
/h6>
分段<
P>
html的阅读器是基于窗口的,用户能够随时改变显示区的大小,因此html将多个空格和回车等效为一个空格,这是和绝大多数字处置器不同的。
html的分段完全依托于分段元素<
比如下面两段源文件有相同的输出。
ThisisalevelTwoHeading<
paragraphyone<
paragraphtwo<
…………………………
ThisIsaLevelTwoHeading<
paragraphone<
paragraphTwo<
也能够有多种属性,比较经常使用的属性是:
aligh=##能够是left,center,right,其含义同上文。
例 <
palign=center>
Thisisacenteredparagraph<
/p>
当html文件中有图形,图形可能占据了窗口的一端,图形的周围可能还有较大的空白区。
这时,不带clear属性的<
可能会使文章的内容显示在该空白区内。
为确保下一段内容显示在图形的下方,可利用clear属性。
clear属性的含义为:
clear=left下一段显示在左侧界处空白的区域
clear=right下一段显示在右边界处空白的区域
clear=all下一段的左右两边都不准有别的内容
§
列表List
列表用于列举事实,经常使用的列表有3种格式,即无序列表(unorderedList),有序列表(orderedlist)和概念列表(definitionlist)
无序列表(ul)
无序列表用(ul)开始,每一个列表条款用<
li>
引导,最后是<
/ul>
,注意列表条款不需要结尾标注<
/Li>
输出时每一列表条款缩进,而且以黑点标示。
例:
<
ul>
Today
Tommorow
输出为
●Today
●Tommorow
有序列表<
ol>
有序列表与无序列表相较,只是在输出时列表条款用数字标示,下面是一个例子及其输出:
例:
<
/ol>
输出为:
概念列表<
dl>
概念列表用于对列表条款进行简短说明的场合,用<
开始,列表条款用<
dt>
引导,它的说明用<
dd>
引导。
Item1
Thedefinitionofitem1
Item2
Definitionorexplainationofitem2
/dl>
输出为:
Thedefinitionofitem1
Definitonorexplainationofitem2
改变条款标记
无序列表输出时,每一条款前都有一个黑色圆点,用户能够用type序性修改条款的标记。
type能够是disc实心圆点 cirde圆圈square实心方点<
litype=disc>
ONE
litype=circle>
TWO
litype=square>
THREE
●ONE
○TWO
■THREE
有序列表条款标记的缺省值是阿拉伯数字,能够用type属性修改。
方式为:
litype=#>
#=A,大写字母
a,小写字母
I,大写罗马数字
i,小写罗马数字
l,缺省,阿拉伯数字
litype=A>
ONE-ONE
ONE-TWO<
litype=a>
ONE-TWO<
litype=I>
ONE=TWO<
/ol>
Ⅰ.ONE-ONE
Ⅱ.ONE-TWO
litype=i>
litype=1>
有序列表的条款数字在缺省情形下是从1开始的,用start属性可修改这一值。
方式为<
olstart=#>
#是条款起始号
olstart=5>
ONE-TWO
olstart=10>
TWO-ONE
列表的嵌套
各类列表能够彼此嵌套,每一个列表条款都能够是一个单独的列