提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

第二篇 HTML元素与标签的区别

HTML
2023-04-18 15:34:53 时间

一、元素与标签的区别

元素elment：由开始标签Opening tag+内容Content+结束标签Closing tag组成；

<p>我很可爱</p>
我是元素

标签:<p></p>,他是成对出现由符号“<”+标签名+符号“>”组成。从使用的意义来说，两者可以等同，因为没有内容的标签没有实质

性的意义。

二、HTML元素分类，什么是块级元素？什么是行内元素？

(1)块级元素block-level element:HTML中在原有的元素中，再添加该元素时，会不会另起一行显示；如

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML基础知识</title>
    </head>
    <body>
        <p style="background-color: red;">我是段落1
            <p style="background-color: black;color:#FFF">我是段落2</p>
        </p>
    </body>
</html>

效果

块级元素

(2)行内元素inline element：HTML中在原有的元素中，再添加该元素时，与原来的元素在一行显示；

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML基础知识</title>
    </head>
    <body>
        <p style="background-color: red;">我是段落1
            <a style="background-color: black;color:#FFF">我是元素2</a>
        </p>
    </body>
</html>

效果

行内元

相关文章