零基础也能看得懂，一天入门HTML

　　htm简单入门知识大全，零基础也能看得懂，一天入门HTML，NanShan?小编总结了下一个简单的html网页语法结构如下：

　　<html>

　　<head>

　　</head>

　　</html>

　　1、标题字体：一对<H#>标记表明正文中的第一层标题。标题一共有六层（H1—H6），随着数字的增加，标题字体依次减小且自动显示为黑体字。

　　1）一级标题<H1>是HTML文档中最重要的标题，一般将其作用整个HTML文档的标题。

　　2）二级标题<H2>通常用来标注文档中的章。

　　3）三级标题<H3>通常用来标注每一章内部的节。

　　4）四级标题<H4>通常用来标注文档的小节。

　　5）五级标题<H5>和六级标题<H6>可以分别用来在<H4>内部划分更小的节。因为<H5>和<H6>通常使用很小的字体显示，因此这两个标记并不常用。

　　标题字体用到的属性是“ALIGN”，用来控制标题文字的水平对齐方式：

　　Left（居左对齐）、Right（居右对齐）、 Center（居中对齐）。

　　语法为：

　　说明：（1）其中“*”表示数字1—6

　　（2）“”之中为Left、Right或者Center三者之一。

　　默认为 align=left

　　2、文章字体：<FONT></FONT>标记用于在HTML文档中设置文本大小与颜色。

　　文章字体用到的属性为SIZE与COLOR：

　　1） SIZE 取值从1到7，代表字体尺寸从最小到最大，其中SIZE属性的缺省值为3，也可在所取数值前加控制符：“+”代表加大字体，“—”则反之。

　　2） COLOR有两种表示方法：

　　A. 英文字母：black（黑色）、white（白色）、red（红色）、green（绿色）、blue（蓝色）、yellow（黄色）、aqua（浅绿色）、fuchsia（紫红色）、gray（灰色）、lime（橙色）、maroon（栗色）、purple（紫色）、olive（橄榄）、 silver（银色）

　　B. 用6个16进制的字母表示，也就是0—F之间取值，称为RGB值：0代表的颜色最暗，F代表的颜色最亮，如“000000”是黑色，“ffffff”是白色。

　　文章字体语法：

　　说明：其中SIZE属性可以选择1—7；COLOR属性值可以选择RGB值或者预定义颜色名称（即英文字母）。

　　标记<br>不空一行

　　<p>段落标记空一行相当于<br><br>

　　3、物理字体：用来给文本赋以某种显示属性，而不必考虑文本的逻辑含义。

　　1） <B></B>或者<STRONG></STRONG>：用来指示以粗体字显示文本。（大多数WEB浏览器都认为是黑体）。

　　2） <I></I>或者<EM></EM>：用来指示以斜体字显示文本。

　　3） <U></U>：用来指示为文本加下划线。没有颜色属性，文本颜色就是它的颜色

　　4） <SUP></SUP>：指示以上标方式显示文本。

　　5） <SUB></SUB>：指示以下标方式显示文本。

　　6） <STRIKE></STRIKE>：用来指示在文本的正中央画一条删去线。没有颜色属性，文本颜色就是它的颜色

　　4、逻辑字体：是命令各种浏览器对控制符容器中的字符进行相对的修饰。

　　1） <EM></EM>：一般强调文字，字体是意大利斜体。

　　2） <STRONG></STRONG>：着重强调文字，以黑体（加粗）字显示。

　　3） <CODE></CODE>：代表一个HTML元素示例的文字。

　　4） <SAMP></SAMP>：输出示例中的文字。当浏览器遇到<SAMP>标记时，就根据系统默认设置格式化标记<SAMP></SAMP>之间的文本。一般它以比标准字体较小的字体样式显示文字，而且文字宽度固定。

　　5） <KBD></KBD>：代表一个键盘按键的文字。

　　6） <VAR></VAR>：定义变量或者值的文字。斜体显示。

　　7） <DFN></DFN>：定义文字。斜体显示。

　　8） <CITE></CITE>：引用文字，意大利斜体显示。

　　9） <SMALL></SMALL>：小号字体。

　　10） <BIG></BIG>：大号字体。

　　说明：<BIG><SMALL>标记与<FONT SIZE>标记可产生同样的效果，但后者对字形的控制更加精确。<BIG><SMALL>版本可用于早期的浏览器版本，但早期版本不支持<FONT>标记。

　　5、字符实体：

　　在往HTML文档中写入特殊字符，要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。

　　下面就是以字母或数字表示的特殊符号的常用举例：

　　；：空格

　　！；：！

　　&#quot；：”

　　#；：#

　　$；：$

　　%；：%

　　&#amp；&；：&

　　'；：’

　　（；：（

　　）；：）

　　*；：*

　　+；：+

　　，；：，

　　-；：—

　　。；：。

　　/；：/

　　0；-9；：数字从0到9

　　：；：：

　　;；：；

　　<；<；：<

　　=；：=

　　>；>；： >

　　？；：？

　　@；：@

　　A；-Z：大写字母从A到Z

　　[；：[

　　\；：\

　　]；：]

　　^；：^

　　_；：_

　　——；：——

　　a；-z：小写字母从a到z

　　；；：不换行空格

　　6、文字对齐：

　　<DIV>可以设置文字与页面的左边，中间，右边对齐。

　　<CENTER></CENTER>可以设置文本在页面的中间对齐。

　　<P>也可以设置段落对齐。用法与<DIV>大致相同。

　　1） <DIV>语法：<DIV ALIGN=” “>文字</DIV>

　　说明：ALIGN属性可以用“LEFT”、“CENTER”、“RIGHT”，分别对应于将标记中间的字符块按照左、中、右对齐。

　　2） <CENTER>语法：<CENTER>文本</CENTER>

　　说明：这个标记没有属性，它的作用是将标记中间的字符居中对齐，它的作用和<DIV ALIGN=”CENTER”><DIV>一样。

　　3） <P ALIGN=” ? “>段落</P>

　　说明：<P>和<DIV>中的ALIGN属性的属性值一样，也是取“LEFT”、“CENTER”、“RIGHT”三个值，分别对应将中间的字体左、中、右对齐。只能对一行文字起作用

　　7、文字移动：用文字编排各种WEB页面时，难免会有一些需要强调的部分，设置动态效果会起到强调突出文本的作用。页面的移动，必须在浏览器中才能看到。

　　文字移动所包含的主要内容有：

　　A. 文字移动方向的设置

　　B. 文字移动方式的设置

　　C. 文字移动循环的设置（次数）

　　D. 文字移动速度与延时的设置

　　E. 文字移动底色的设置

　　F. 文字移动面积的设置

　　1）语法：<MARQUEE DIRECTION=” ? “>文字</MARQUEE>

　　说明：DIRECTION属性的属性值是取“LEFT”、“RIGHT”两个值，分别对应将中间的字体向左、右移动。

　　2）语法：<MARQUEE BEHAVIOR=” “>文字</MARQUEE>

　　说明：BEHAVIOR属性的属性值是取“SCROLL”、“SLIDE”、“ALTERNATE”三个值，分别对应将中间的字体循环移动、只移动一次、在屏幕中间左右移动。

　　3）语法：<MARQUEE LOOP=” ? “>文字</MARQUEE>

　　说明：LOOP属性的属性值是取一个数值，表示将中间的字体循环移动的次数。

　　4）语法：<MARQUEE SCROLLAMOUNT=” ? ”>文字</MARQUEE>

　　说明：SCROLLAMOUNT属性的属性值是取数字值，对应将中间的字体循环移动的速度。数值越大，表示速度越快。

　　5）语法：<MARQUEE SCROLLDELAY=” ? ”>文字</MARQUEE>

　　说明：SCROLLDELAY属性的属性值是取数字值，对应将中间的字体循环移动的延时。设置这个参数也会影响到文字移动的速度。

　　6）语法：

　　说明：

　　A. HEIGHT属性的属性值是取数字值，这个属性控制了文字移动面积的高度。

　　B. WIDTH属性的属性值是取数字值，这个属性控制了文字移动面积的宽度。

　　C. BGCOLOR属性的属性值可以取RGB值，或者用预定义值，它控制了移动文字的背景颜色。

　　8、文字中行的控制：

　　主要包括两个内容：

　　A. 分段：在文本中另起一段。<p>

　　B. 换行：在文本中另起一行。<br>

　　1） <P>的语法：<P ALIGN=” “></P>

　　说明：ALIGN属性是可选的。它的属性的属性值可以取“LEFT”、“CENTER”、“RIGHT”三个值中的值，这个属性控制了段落中的文字在WEB页面中的对齐方式。注意：有些浏览器不支持右对齐方式。

　　当我们单独定义一个空行时，我们习惯使用<p>的双标记形式，所以

　　<p>是HTML中唯一一个不能明确定义是双标记还是单标记的一个标记。

　　2）语法：<BR>

　　说明：这个标记是单标记。

　　9、列表：常用的有三种类型的列表，分别是无序列表、有序列表、定义列表。列表单

　　元允许嵌套。<UL> <OL> <DL>

　　结构：

　　A. 起始标记：定义了整个列表的开始，同时定义这个列表的属性。

　　B. 定义每一个选项。

　　C. 列表的结束。

　　1）无序列表：

　　A. 语法：<UL TYPE=” ? “COMPACT></UL>

　　说明：

　　l <UL>用于定义无序列表，无序列表的起始标记<UL>和结束标记</UL>都是必须的。显示为一个实心黑色圆点。

　　l TYPE属性可以分别取三个值“DISC”、“SQUARE”、“CIRCLE，它们是用来控制强调符风格的属性，三个值分别对应实心圆点，实心方块，空心圆圈。在FRONTPAGE里，除DISC外的其它两个属性必须使用小写时浏览器才可识别。

　　l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑表示。

　　B. 语法：<LI TYPE=” “></LI>

　　说明：

　　l TYPE属性是可选的，一般情况下是不需要的，因为在整体列表定义时应该已经定义完毕，只有在极少数情况下，需要使不同表项的强调符不同，才有必要在这里定义这个属性。属性值的选择和前面列表的属性选项一致。（在FRONTPAGE里，除DISC外的其它两个属性必须使用小写时浏览器才可识别。）

　　2）有序列表：

　　语法：<OL TYPE=” ? “ START=” ? “ COMPACT></OL>

　　说明：

　　l <OL>标记用于定义有序列表，有序列表的起始标记<OL>和结束标记</OL>都是必须的。有序列表的列表项之前有序号，有序列表和无序列表的区别只在于用序号代替了强调符。

　　l TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”，它是用来控制强调符风格的属性，五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。

　　l START属性是一个数字，表示从第几个数字（字母）开始计数值为数值。例：4

　　l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑显示。

　　3）定义列表：一般用来定义术语，有时也将定义列表称为词汇列表。定义列表的列表项分成两部分，一部分是需要定义的术语，另一部分是该术语的定义。

　　A. 语法：<DL COMPACT></DL>

　　说明：

　　l <DL>标记用于标注定义列表，起始标记<DL>和结束标记</DL>都是必须的。

　　l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑显示。

　　l <DL>标记内不允许含有除<DD>和<DT>其他任何单元或普通文本。

　　B. 语法：<DT></DT>

　　说明：

　　l <DT>标记用于标注需要定义的术语。

　　C. 语法：<DD></DD>

　　说明：

　　l <DD>单元也只允许出现在<DL>单元的内部，其结束标记</DD>通常可以省略。

　　l <DD>单元可以含有一些字块级单元，特别是可以嵌入其他列表。

　　预格式化：<PRE>单元用来包含一段预先编排好格式的文本，WEB浏览器将把起始标记<PRE>与结束标记</PRE>之间的文本按照原代码中的格式原封不动的再现出来，<PRE>单元的结束标记</PRE>是必需的，不能省略（实践证明可以省略，不会影响什么？）。与一般段落有所不同，对于预格式文本来说，自动换行是被禁止的，以便保证预先编排的格式不被破坏。<PRE>单元有一个可选属性“WIDTH”，它用来设置文本的宽度，单位是字符数。“WIDTH”属性可以使浏览器选择适当的字体，以使整个PRE单元的文本适应当前窗口的宽度。

　　<PRE>单元还应该注意下述几个问题：

　　l 语法规则中列举的文本级标记，例如<FONT>等允许出现在<PRE>单元，但是他们并没有全部得到所有浏览器的支持。

　　l 段落标记<P>不允许出现在<PRE>单元内部，但如果强制如此，浏览器一般会将其看作两个换行。

　　l 因为<PRE>单元内部允许有其他HTML标记出现，故一般不可以不加改变地将一段ASCII文本添加上<PRE></PRE>后直接插入到HTML文档之中。若文本中存在“>”“<”“&”等特殊字符，应事先将其转换为相应的字符实体。

　　链接：是WWW的基础，也是核心。单击这些链接，读者就能从当前WEB页的当前位置跳转到Internet的任何一个部分。Anchor:锚简写：A

　　语法：<A HREF=”URL#NAME” TARGET=” _blank ”></A>

　　说明：

　　l “HREF”是超文本引用的意思它是标记<A>的属性，可以将需要链接页面的地址放在“HREF”之后的引号中进行链接。

　　l URL（Uniform Resource Locator）：统一资源定位符，是WEB页的地址。

　　l URL后面跟的“#NAME”部分是指定页面的指定部分的标识，它是通过在目的页面的<A NAME=“”>定义的名称。

　　l URL部分可以使用的协议和目的类型主要有以下几种：

　　2 内部链接

　　2 外部链接

　　2 文件下载地址

　　2 电子邮件地址

　　加入图片：大多数浏览器都支持两种图形格式：GIF（图形互换格式）和JPEG（联合图像专家组）。

　　语法：<IMG SRC=” ” ALIGN=” “ BORDER=” “ ALT=” “>

　　说明：

　　l “SRC”表示图片的来源，与<A>标记的“HREF”的属性一样，可以为<IMG>标记的“SRC”属性指定完整的Internet地址。如果图像文件与HTML文件在同一个文件夹内，也可以仅指定文件名，即使用相关地址。

　　l 属性“ALIGN”属性则标识了图片在页面中的对齐方式，分别取值为“LEFT”、“RIGHT”、“TOP”、“MIDDLE”、“BOTTOM”，对应于左、中、右对齐。（若标记<IMG>中不包含ALIGN属性，图像将于靠近它的文字底部对齐。

　　l “BORDER”属性标识了图片的边框线的宽度，数值越大，边框线越宽。

　　l “ALT”属性是在图片显示后，对于图片的一段描述文字，这段文字是在当浏览者将鼠标放置到该图上，停止一段时间后，页面上自动会弹出一个黄色的文本框，里面的文字，就是我们写在引号中的内容。

　　13、水平线：<HR>标记用来在WEB页面上画出一条水平标尺线。使用标尺线是为了将HTML文档在逻辑上分隔成不同主题的分区，从而使文档便于阅读。<HR>单元只有起始标记<HR>没有结束标记。

　　语法：<HR ALIGN=” ” WIDTH=” ” SIZE=” “ NOSHADE>

　　说明：

　　l ALIGN属性用来设置水平标尺线的对齐方式，“LEFT”为水平线与页面的左边对齐，“CENTER”为水平线与页面的中间对齐，“RIGHT”为水平线与页面的右边对齐，缺省时标尺线居中。ALIGN属性只有在设置了比浏览器窗口宽度小的“WIDTH”属性时才有实际意义。

　　l WIDTH属性用来设置水平标尺线在水平方向上的宽度，即水平标尺线的长度。

　　l SIZE属性设置水平标尺的粗细，单位是像素数。SIZE属性只能取整数值，缺省值为2。

　　l NOSHADE属性是一个名称记号，用于取消水平标尺线的阴影，即画出一条简单的实线，没有三维效果。

　　表格：是指按照一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。与列表相比，表格可以容纳更多的内容，而从表现效果来看，表格的形式也更加完美。表格中由行和列分隔成的格子称为表元（cell），是矩形区域，它可以包含文本，图像和HTML标记。可将其他HTML元素放入表格单元中，但一个单元中使用的标记不能持续作用到其他单元。也就是说，如果要在一个表元中间放一个双标记，那么一定要在表元结束之前，结束这个双标记。用以分隔表元的行列线则称为表格的边框线（border），表元的内容分成两类，一类是表头，一类是表数据。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60910.shtml