HTML语言容易回顾-HTML教程-爱易网页

HTML语言容易回顾

日期：2014-05-16　浏览次数：20530 次

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>

                <

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

HTML语言容易回顾

对 HTML 元素的重新认识

相关资料更多>

推荐阅读更多>