HTML中的块是什么？

来源：互联网发布：c语言烟花编辑：程序博客网时间：2024/05/14 21:09

1.HTML块元素

块元素在显示时，通常会以新行开始

如：<h1>,<p>,<ul>

2.HTML内联元素

内敛元素通常不会以新行开始

如：<b>,<a>,<img>

3.HTML<div>元素

<div>元素也被称为块元素，其主要组合HTML元素的容器

4.HTML<span>元素

<span>元素是内联元素，可作为文本的容器

代码演示如下：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>HTML块元素</title>    <link rel="stylesheet" type="text/css" href="mycss.css">    <style type="text/css">        span{            color: aqua;        }    </style></head><body >    <!--  块元素，会以新行开始 -->    <p>大家好</p>    <h1>大家好！</h1>    <!-- 内联元素，不会以新行开始  -->    <b>这是一个加重标签</b>    <a>这是一个链接</a>    <!-- 样式 -->    <div id="divid">        <p>你好，程序猿！</p>        <a>Click Me</a>    </div>    <div id="divspan">        <p><span>这是一个</span>测试</p>    </div></body></html>

效果如下：

。

github主页：https://github.com/chenyufeng1991 。欢迎大家访问！

1 0