前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >第二篇 HTML元素与标签的区别

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

原创
作者头像
侠客冷展堂
发布2021-12-17 17:41:59
4650
发布2021-12-17 17:41:59
举报

一、元素与标签的区别

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

代码语言:txt
复制
<p>我很可爱</p>
我是元素
我是元素

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

性的意义。

二、HTML元素分类,什么是块级元素?什么是行内元素?

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

代码语言:txt
复制
<!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 elementHTML中在原有的元素中,再添加该元素时,与原来的元素在一行显示;

代码语言:javascript
复制
<!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>

效果

行内元
行内元

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、元素与标签的区别
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档