您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> html教程 >> 文章正文
[图文]Html语言教程           ★★★
Html语言教程
作者:DEDS深度  文章来源:DEDS深度  点击数:  更新时间:2007-10-3 23:29:28 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

 

二、构成网页的基本元素
  题目(TITLE)
Title元素是文件头中唯一一个必须出现的元素,它也只能出现在文件头中。title元素的格式为:
  <title>文件题目</title>
title标明该html文件的题目,是对文件内容的概括。一个好的题目应该能使读者从中判断出该文件的大概内容。
文件的题目一般不会显示在文本窗口中,而以窗口的名称显示出来。除了标识窗口外,当将某一 homepage 存入书签或文件时,title还用作书签名或缺省的文件名。
  title的长度没有限制,但过长的题目会导致折行,一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容,所以太短的title也是不可取的,比如:introduction 这个题目,读者不可能根据它判断出本文介绍的是什么。一个好的例子是:
<titl> An Introduction to HTML 2.0 </title> 在头元素中还可以出现其他元素,如<isindex>,
<meta>等等。这些元素都不是必须的,而且也不常用。
这些元素的用法和它们的含义可以参考有关文献。 下面是一个最简单的html 文件
<html>
<title>the simplest html file</title>
This is my first html file.
</html> 

  标题(hn)
标题元素有6种,分别为h1, h2,…h6,用于表示文章中的各种题目。标题号越小,字体越大。一般情况下,浏览器对标题作如下解释:
  h1 黑体,特大字体,居中,上下各有两行空行。
  h2 黑体,大字体,上下各有一到两行空行
  h3 黑体(斜体),大字体,左端微缩进,上下空行
  h4 黑体,普通字体,比h3更多缩进,上边一空行
  h5 黑体(斜体),与h4相同缩进,上边一空行
  h6 黑体,与正文有相同缩进,上边一空行
  Netscape 2.0为hn的解释为,一律黑体,字体越来越小。
 
  hn可以有对齐属性,align=#,#表示left 标题居左 center标题居中 right标题居右
例: <h2 align=center>Chapter 2 </h2>
  下面给出hn的例子及其输出:
   <h1>Today is fine!</h1> Today is fine!
<h2>Today is fine!</h2> Today is fine!
<h3>Today is fine!</h3> Today is fine!
<h4>Today is fine!</h4> Today is fine!
<h5>Today is fine!</h5> Today is fine!
<h6>Today is fine!</h6> Today is fine!
  
  分段<P>
  html的浏览器是基于窗口的,用户可以随时改变显示区的大小,所以html将多个空格以及回车等效为一个空格,这是和绝大多数字处理器不同的。html的分段完全依赖于分段元素<P>。比如下面两段源文件有相同的输出。
  <h2>This is a level Two Heading </h2>
paragraphy one <p>paragraph two <p>
… … … … … … … … … …
<h2>This Is a Level Two Heading</h2>
paragraph one <p>
paragraph Two <p><p>也可以有多种属性,比较常用的属性是:
  aligh=# #可以是left,center,right,其含义同上文。
  例 <p align=center>This is a centered paragraph </p>当 html文件中有图形,图形可能占据了窗口的一端,图形的周围可能还有较大的空白区。这时,不带clear属性的<p>可能会使文章的内容显示在该空白区内。为确保下一 段内容显示在图形的下方,可使用clear属性。clear属性的含义为:
  clear=left 下一段显示在左边界处空白的区域clear=right 下一段显示在右边界处空白的区域
clear=all 下一段的左右两边都不许有别的内容

  清单List
  清单用于列举事实,常用的清单有3种格式,即无序清单(unordered List),有序清单(ordered list)和定义清单(definition list)
 
  无序清单(ul)
无序清单用(ul)开始,每一个清单条目用<li>引导,最后是</ul>,注意清单条目不需要结尾链接签</Li>。输出时每一清单条目缩进,并且以黑点标示。例 :
源文件
 <ul>
<li>Today
<li>Tommorow
</ul>
输出为
●Today
●Tommorow
 
  有序清单<ol>
有序清单与无序清单相比,只是在输出时清单条目用数字标示,下面是一个例子及其输出: 
  <ol>
<li>Today
<li>Tommorow
</ol>
输出为:
1.Today
2.Tommorow

  定义清单<dl>
  定义清单用于对清单条目进行简短说明的场合,用<dl>开始,清单条目用<dt>引导,它的说明用<dd>引导。
  <dl>
<dt>Item 1
<dd>The definition of item 1
<dt>Item 2
<dd>Definition or explaination of item 2
</dl>
输出为:
Item 1
The definition of item 1
Item 2
Definiton or explaination of item 2

上一页  [1] [2] [3] [4] [5] [6] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Dreamweaver超级技巧(中)
    Dreamweaver超级技巧(下)
    Dreamweaver滑动菜单的制作
    Dreamweaver MX应用表格排序
    Dreamweaver的技巧锦集17条
    Dreamweaver技巧大放送前六招
    使用Dreamweaver制作网页事如何使用库
    简单实用的网页表格特效
    DW MX实例:极酷的鼠标外观
    DW MX实例:个性化 IE 滚动条
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门