HTML 区块标签

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table>

HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>

HTML <div> 元素

<div> 标签可以把文档分割为独立的、不同的部分。

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

<p>这是一些文本。</p><div style="background-color:#00FFFF">
<h3>这是一个在 div 元素中的标题。</h3>
<p>这是一个在 div 元素中的文本。</p>
</div><div style="background-color:#ffaaff">
<h3>这是另一个在 div 元素中的标题。</h3>
<p>这是另一个在 div 元素中的文本。</p>
</div><p>这是一些文本。</p>

HTML <span> 与元素

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

<span> 元素也没有特定的含义。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

<p>我有一双<span style="color:gold">金色</span> 的<span style="font-size:50px">大眼睛</span>和 <span style="color:blue">蓝色的头发</span>。</p>

HTML的快速入门（六）相关推荐

micropython stm32f030_STM32F0单片机快速入门六用库操作串口(UART)原来如此简单
1.从 GPIO 到 UART 前面几节我们讲了MCU如何启动,如何用翻转IO引脚,以及用按键去触发中断.接下来我们介绍的也是最常用的一个模块,串口(UART). 串口可以说是最古老,而且生命力最强的 ...
VPLC系列机器视觉运动控制一体机快速入门（六）
于形状匹配的视觉定位.BLOB有无检测以及测量尺寸. 本期课程,正运动技术和大家一起分享和标定有关的详细知识内容. 视频教程:<VPLC系列机器视觉运动控制一体机快速入门(六)> 机器视觉 ...
IM开发快速入门(一)：什么是IM系统？
本文在编写时参考了博客作者"鹿呦呦"和在线课程"即时消息技术剖析与实战"的相关资料,一并表示感谢. 1.系列文章引言 IM系统看似简单(没错,很多土老板认为开发 ...
ue4 迁移模型_UE4虚幻引擎学习云笔记(六)-关卡设计入门-[5.地形快速入门]
[六.关卡设计入门(Level Designer Quick Start)] 19-09-29 UE4虚幻引擎学习云笔记(六)-关卡设计入门zhuanlan.zhihu.com UE4虚幻引擎学习云 ...
python快速入门【六】----真题测试
python入门合集: python快速入门[一]-----基础语法 python快速入门[二]----常见的数据结构 python快速入门[三]-----For 循环.While 循环 python ...
.NET Core实战项目之CMS 第六章入门篇-Vue的快速入门及其使用
写在前面上面文章我给大家介绍了Dapper这个ORM框架的简单使用,大伙会用了嘛!本来今天这篇文章是要讲Vue的快速入门的,原因是想在后面的文章中使用Vue进行这个CMS系统的后台管理界面的实现.但 ...
【51单片机快速入门指南】4.3.4： MPU6050使用Madgwick AHRS算法实现六轴姿态融合获取四元数、欧拉角
目录源码 Madgwick_6.c Madgwick_6.h 使用方法测试程序 main.c 效果 STC89C516 32MHz Keil uVision V5.29.0.0 PK51 Prof ...
【51单片机快速入门指南】4.3.3： MPU6050使用Mahony AHRS算法实现六轴姿态融合获取四元数、欧拉角
目录源码 Mahony_6.c Mahony_6.h 使用方法测试程序 main.c 效果 STC89C516 32MHz Keil uVision V5.29.0.0 PK51 Prof.Dev ...
全网最详细中英文ChatGPT接口文档（六）30分钟快速入门ChatGPT——使用策略和API数据使用策略
30分钟快速入门使用ChatGPT--使用策略和API数据使用策略 Usage policies使用策略 Disallowed usage of our models 禁止使用我们的模型 API da ...
新手必备pr 2021快速入门教程「六」时间轴面板的认识及使用功能
PR2021快速入门教程,学完之后,制作抖音视频,vlog,电影混剪,日常记录等不在话下!零基础,欢迎入坑! 本节内容上节内容我们介绍了PR素材的预览及源面板素材监视窗口的操作认识,最后还给大家讲解 ...

HTML的快速入门（六）

HTML 区块标签

HTML 内联元素

HTML <div> 元素

HTML <span> 与元素

HTML的快速入门（六）相关推荐

最新文章

热门文章