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页面,其实就是由一对对的标记组成的(当然也有例外)。
 
  (1)<html></html>:网页开始和结束标记。
 
  (2)<head></head>:网页的头部信息开始和结束标记;
 
  (3)<body></body>:网页的主体开始和结束标记;
 
  (4)<title></title>:网页的主题开始和结束标记;
 
  (5)<p></p>:网页的段落开始和结束标记
 
  5、网页布局的技术
 
  (1)表格布局技术:表格布局在过去比较普遍,就是将各种需要的文本、图像素材等放到无边框的表格中,优点是它能对不同对象加以处理,又不用担心不同对象之间的影响,缺点是使用过多的表格,网页数据量加大,影响页面下载速度。
 
  (2)CSS(层叠样式表)技术:又称为DIV+CSS布局技术,可以精确定位文本和图片,将数据和格式分开,使网页的数据量大大减少。CSS对于初学者来说有一定的难度,但它的确是一个很好的布局方法,也是现在最常用的网页布局技术。

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

张贴在2