HTML 元素

HTML 元素

<table>
    <tbody>
        <tr>
            <th width="34%">开始标签 *</th>
            <th width="34%">元素内容</th>
            <th width="34%">结束标签 *</th>
        </tr>
        <tr>
            <td>&lt;p&gt;</td>
            <td>这是一个段落</td>
            <td>&lt;/p&gt;</td>
        </tr>
        <tr>
            <td>&lt;a href="default.htm"&gt;</td>
            <td>这是一个链接</td>
            <td>&lt;/a&gt;</td>
        </tr>
        <tr>
            <td>&lt;br&gt;</td>
            <td>换行</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

开始标签通常被称为起始标签(opening tag),结束标签常被称为闭合标签(closing tag)。

HTML 元素的语法包括以下几个要素:开始标签、结束标签和元素内容。某些HTML元素也有空内容。在开始标签中可以为元素添加属性。HTML元素可以相互嵌套,构成HTML文档。

以下是一个HTML文档的实例:

<!DOCTYPE html>  
<html>  
<body>  
<p> 这是第一个段落。</p>  
</body>  
</html>

这个实例包含了三个HTML元素:DOCTYPE声明、html元素和body元素。其中body元素包含了一个段落元素(p元素)。

HTML实例解析

<p>元素:

<p>这是第一个段落。</p>

这个<p>元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签<p>以及一个结束标签</p>。元素内容是:“这是第一个段落”。

<body>元素:

<body>
    <p>这是第一个段落。</p>
</body>

<body>元素定义了HTML文档的主体。这个元素拥有一个开始标签<body>以及一个结束标签</body>。元素内容是另一个HTML元素(<p>元素)。

<html>元素:

<html>
    <body>
        <p>这是第一个段落。</p>
    </body>
</html>

<html>元素定义了整个HTML文档。这个元素拥有一个开始标签<html>以及一个结束标签</html>。元素内容是另一个HTML元素(<body>元素)。

##不要忘记结束标签

即使您忘记使用结束标签,大多数浏览器也会正确地显示HTML:

<p>这是一个段落
<p>这是一个段落

以上实例在浏览器中也能正常显示,因为关闭标签是可选的。但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

##HTML空元素

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。

<br>就是没有关闭标签的空元素(<br>标签定义换行)。

在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。在开始标签中添加斜杠,比如<br />,是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。

即使<br>在所有浏览器中都是有效的,但使用<br />其实是更长远的保障。

##HTML提示:使用小写标签

标签对大小写不敏感:<P>等同于<p>。许多网站都使用大写的HTML标签。建议使用小写标签,因为W3C在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值