日期:2014-05-16  浏览次数:20590 次

HTML语言简单回顾
简单复习一下html语言。
html的基本结构如下:
<html>
    <head>
            <title></title>
    </head>
 
    <body>    </body>
</html>

html是由一系列标签组成的!
标签
  • HTML 标签是用来标记 HTML 元素的。
  • HTML 标签被 < 和 > 符号包围
  • 这些包围的符号叫作尖括号。
  • HTML 标签是成对出现的。例如 <b> 和 </b>。
  • 位于起始标签终止标签之间的文本是元素的内容。
  • HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。
  • 规范:标签必须要封闭!
  •  

    对 HTML 元素的重新认识

    • 每个 HTML 元素都有一个元素名(比如 body、h1、p、br)
    • 开始标签是被括号包围的元素名
    • 结束标签是被括号包围的斜杠和元素名
    • 元素内容位于开始标签和结束标签之间
    • 某些 HTML 元素没有内容
    • 某些 HTML 元素没有结束标签
     
    p,br,b,i,u,hr,h1~h6等简单标签就不解释了,主要记忆以下特殊的标签:
     
    marquee标签:控制文字等内容移动
    <marquee direction="left">会飞的文字</marquee>

    sub下标,sup上标:
        <p>m<sub>2</sub></p>
        <p>m<sup>2</sup></p>

    label标签:

    向控件定义标注(标记)。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。譬如:

    <label for="SSN">Social Security Number:</label>
        <input type="text" name="SocSecNum" id="SSN" />
    <label>Date of Birth: <input type="text" name="DofB" /></label>

    当用户点击了Social Security Number这些字之后,光标自动切换到输入框内,而不必点击输入框.
    有两种使用方式,一种是通过id控制,即你要控制的控件和label 的for属性值必须相同,另一种方式是将要控制的控件和文字包含到标签内.
     
    列表:
    分为有序列表和无序列表:
    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
    无序列表始于 <ul> 标签。每个列表项始于 <li>。
    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>

    表格:table
    基本格式如下
        <table border = "1" width = "200px" cellspacing = "0" cellpadding = "2">
                    <caption>表格标题</caption>
                    <