本文介绍了HTML文档的基本结构，包括常用标签及其作用，并讲解了如何利用CSS进行样式设置，如使用STYLE元素内联样式及通过LINK元素引入外部样式表。
HTML文档中，第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>，这个标签告诉浏览器这是HTML文档的终止。
在<head>和</head>标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。
在<title>和</title>标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。
在<body>和</body>标签之间的文本是正文，会被显示在浏览器中。
在<b>和</b>标签之间的文本会以加粗字体显示。
HTML文档是由HTML元素组成的文本文件。
HTML元素是预定义的正在使用的HTML标签。Eg:<html>是一个html标签，html是元素名称，标签可拥有属性。
HTML规定了一些基本标签，排版，背景颜色样式，文本格式。
HTML还包括下面内容：链接（href）, 表格（table）,框架（frameset），表单(<form><input type=”” value=””></form>), 图像（img）,列表等。
css的一些属性
STYLE: 一个样式表可以使用STYLE元素在文档中嵌入. 放在文档的HEAD部分。此外，也可使用STYLE属性内联在html文本中。Eg:
<STYLE TYPE="text/css" MEDIA=screen>
<!--
BODY { background: url(foo.gif) red; color: black }
.note { margin-left: 5em; margin-right: 5em }
-->
</STYLE>
LINK：一个外部的样式表可以通过LINK元素连接到HTML文档中，也是在文档的HEAD部分。
Eg: <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
CLASS：class属性用于指定元素属于何种样式的类。例如，样式表可以加入punk和warning类:
.punk { color: lime; background: #ff 80c 0 }
P.warning { font-weight: bolder; color: red; background: white }
这些类可以使用CLASS属性在HTML中引用:
重要的html元素
ID属性: ID属性用于定义一个元素的独特的样式。一个CSS规则如:
#wdg97 { font-size: larger }
可以通过ID属性应用到HTML中:
<P ID=wdg97>欢迎访问Web Design Group及TV water 168!</P>
此外：ID是用来标识一个元素，一段html正文的有力工具。（非常重要）
SPAN元素：SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用，而且它也能接受STYLE、CLASS和ID属性。
DIV元素：DIV元素在功能上与SPAN元素相似，最主要的差别在于DIV ("division"，"部分"的简称)是一个块级元素。
扫一扫
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
