1、HTML简介
HTML(Hyper Text Markup Language),即超文本标记语言。它通过一些列标签,将网络上的文字、图形、动画、声音、表格、链接等连接为一个整体。将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。为人们查找,检索信息提供方便。
2、网页的分类
分为静态网页和动态网页
(1)静态网页:纯粹的HTML格式网页,仅能提供浏览,不论何时何地被浏览,都将显示相同的形式和内容,也就是说无法与网站进行互动。在静态网页中,整个网页的主要结构与网页的显示控制都是使用HTML实现的。静态页的扩展名一般为.htm、.html、.shtml、.xml。
静态网页只能单纯地在网页中展示文字与图片,听起来似乎功能简单,但它是所有网页的基础要素,其重要性自然也不言而喻。
在静态网页上,可以出现各种动态的效果,如.gif格式的动画、flash、滚动字母等。这些“动态效果”只是视觉上的,它们与动态网页是不同的概念。
(2)动态网页:采用动态技术的网页,网页的内容可以根据某种条件的改变而自动改变。和静态网页的扩展名不同,动态网页的扩展名为.asp、.jsp、.php、.perl、.cgi等,并且在动态网页网址中有一个标志性的符号“?”。
3、标记
HTML中用于描述功能的符号。
标记在使用时必须用尖括号“<>”括起来。浏览器会对尖括号里面的标记进行解释。HTML常用的主要标记有< html>、< head>、< title>、< body>。
标记分为单标记和双标记:
(1)单标记:只需在尖括号中输入标记名即可,一种单标记表示一种功能,没有范围之分。
格式:<标记>
如换行标记:< br>
(2)双标记:标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜杠。
格式:<标记>菁瑞优智</标记>
如段落标记;< p> < /p>
4、HTML标记构成
<html><head><title>C语言网</title></head><body><h1>如何用好C语言网?</h1><p>C语言网有很多题</p></body></html>
一个完整的HTML页面,其实就是由一对对的标记组成的(当然也有例外)。
(1)< html>< /html>:网页开始和结束标记。
(2)< head>< /head>:网页的头部信息开始和结束标记;
(3)< body>< /body>:网页的主体开始和结束标记;
(4)< title>< /title>:网页的主题开始和结束标记;
(5)< p>< /p>:网页的段落开始和结束标记
5、网页布局的技术
(1)表格布局技术:表格布局在过去比较普遍,就是将各种需要的文本、图像素材等放到无边框的表格中,优点是它能对不同对象加以处理,又不用担心不同对象之间的影响,缺点是使用过多的表格,网页数据量加大,影响页面下载速度。
(2)CSS(层叠样式表)技术:又称为DIV+CSS布局技术,可以精确定位文本和图片,将数据和格式分开,使网页的数据量大大减少。CSS对于初学者来说显得有点难度,但它的确是一个很好的布局方法,也是现在最常用的网页布局技术。