一: 块元素  block level element.            内联元素 inline element.

二: 块元素特点: 块级元素在浏览器显示时, 通常会以新行开始和结束。

例子:<h1> <p> <ul> <table>

内联元素特点:通常不会以新行开始。

例子: <b> <td> <a> <img />

三: <div> 块级元素(即以新行开始和结束)

1. 没有特定含义。

2. 与CSS一起使用, <div> 元素可用于对大的元素内容设置样式属性。

四:<span> 内联元素

1. 没有特定含义。

2. 与CSS一起使用, <span>元素用于整合行内的样式属性。

转载于:https://www.cnblogs.com/gavinwu/p/3204461.html

15. HTML 块 div span相关推荐

  1. html span离div块有边距,html块 div span

    这两种标签都是布局用的 这种标签本身没有任何显示效果 通常是用来结合css进行页面布局 示例 1 : 看不出任何效果 这没有标签 这是一个div 这是一个span 示例 2 : div布局 一个简单的 ...

  2. HTML 基本元素2(图像、超链接、表格、列表、块div和span、字体、内联框架)

    HTML的 图像标签<IMG> 详解 <img> 即图像标签  需要设置其属性 src指定图像的路径 1.同级目录图像 如果是本地文件,只需把图片放在同一个目录下即可  src ...

  3. HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签

    文章目录 HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签 HTML 概念:是最基础的网页开发语言 Hyper text markup language 超文本 ...

  4. html--div+css样式布局(div+span)

    目录 简述 盒模型: 布局相关属性 简述 div是块级元素 (占用一整行) span是内联元素(占用内容的长度,也可以转换成块级元素) DIV和SPAN存在的意义就是为了应用css样式 <!DO ...

  5. (18)C#传智:HTML,属性,标签,元素,body,Font,A,列表,表格,表单,Div,Span,框架

    比较简单,无事的跳过,直接w3c.school 一.HTML简介 一个实例:右键查看源文件(标签,属性,内容...)     HTML文档=网页          HTML超文本标记语言(Hyper ...

  6. html如何修改span的值,如何动态改变div span的内容

    本文介绍了javascript动态改变div span的内容的教程,希望能帮助到大家 先看一个实例 对span的控制 与div类似,但是它是按照行来显示的,看下面的代码: function chage ...

  7. CSS学习笔记--Div+Css布局(div+span以及盒模型)

    1.DIV与SPAN 1.1简介 1.DIV和SPAN在整个HTML标记中,没有任何意义,他们的存在就是为了应用CSS样式 2.DIV和span的区别在与,span是内联元素,div是块级元素 内联元 ...

  8. div/span强制不换行

    div/span强制不换行 首先看一下效果: 接下来看下代码:不需要引入任何文件. <html> <head> <meta content="text/html ...

  9. jquery给按钮赋值_jQuery给div,Span, a ,button, radio 赋值与取值

    jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html(&quo ...

最新文章

  1. 急需降低系统复杂性,我们从 Kafka 迁移到了 Pulsar
  2. 报文加解密原理_加密系统的组成与过程
  3. 怎样制作一个 Python Egg
  4. 如何初始化局部变量c语言_【C语言更新】C语言中如何来定义一个指针,并且对其进行初始化...
  5. 分享30个新鲜PSD网站模板免费下载
  6. kafka经典面试题
  7. 【图像数据增强】Mixup、Cutout、Random Erasing、CutMix、Mosaic等详解
  8. pip安装其他包报错
  9. 在线段裁剪算法中是否能对区域编码算法进行优化实现模式的唯一判别呢
  10. 安卓数据读写全解:SharedPreferences公共数据的读写,SQLiteDatabase数据库,mysql数据库
  11. 通过90行代码学会HTML5 WebSQL的4种基本操作 1
  12. 马鞍数55c语言_c语言超全练习题(全面更新)
  13. 01,HelloWorld入门程序
  14. 如何带领好一个团队,管理的五条实用建议告诉你
  15. 微信公众号引流的十种方法
  16. 动态规划——1292:宠物小精灵之收服(二维背包问题)
  17. 有关腾讯云简单的域名解析笔记
  18. 宽依赖和窄依赖_Spark --【宽依赖和窄依赖】
  19. 马斯克与贝索斯:世界上最有钱的两人展开太空大战
  20. leetcode597. 好友申请 I :总体通过率(必会)

热门文章

  1. html整体引入js,html页面用js引入js的方式
  2. 基于JAVA springboot+mybatis 电商书城平台系统设计和实现
  3. php语录网站,杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站
  4. python pexpect输出_关于多线程:如何使用pexpect获取python中子进程的自发输出
  5. php 显示状态,php-fpm status状态配置显示
  6. C++ 重载new和delete运算符
  7. linux 内核 82540网卡,Linux网卡as4.2 编译安装及配置准备
  8. mysql业务数据库回退_理解MySQL数据库事务-隔离性
  9. python实例 75,76
  10. Python数模笔记-Sklearn(4)线性回归