跳转到主要内容
你行网

Main navigation

  • 首页
  • Drupal
  • 编程与开发
  • 数据库
  • 操作系统与应用
  • 服务器与运维
  • 社区
User account menu
  • 登录

面包屑

  1. 首页
  2. HTML 实例教程

HTML实例-069 html的块元素

由 hrs, 13 十一月, 2019
标签
HTML

可以通过 <div> 和 <span> 将 HTML 元素组合起来。

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

编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。

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

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

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

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

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

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

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

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

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

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

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

HTML 分组标签
标签    描述
<div>    定义文档中的分区或节(division/section)。
<span>    定义 span,用来组合文档中的行内元素。

评论

  • 登录或注册以发表评论
  • 166 次浏览

书籍遍历链接: HTML实例-069 html的块元素

  • HTML实例-068 HTML的嵌套列表
  • 向上
  • HTML实例-070 html的类

最新文章

  • 内容审核通知 content_moderation_notifications 模块简介
  • 调度程序 scheduler 模块简介
  • 工作流当中的草稿,已发布,很好理解,已归档是怎么理解。
  • 你行网 https://www.dwoke.com seo 关键词
  • brew 是什么命令
  • drupal 9 或 drpal 10 国内内容分享模块 Will Nice social share
  • Views Slideshow - Views Vanilla JavaScript Slideshow (VVJS) 简介和安装方法
  • drupal 11 安装statistics 统计模块
  • drupal11 扩展中找不到Statistics模块
  • drupal11 设置中的“总结摘要”和“切边的” 有什么区别

教程节点

  • HTML实例-001 第一个标题和段落
  • HTML实例-002 标题H1-H6
  • HTML实例-003 这是一个段落标签
  • HTML实例-004 创建一个HTML 链接
  • HTML实例-005 创建一个HTML 图像
  • HTML实例-006 什么是HTML 元素
  • HTML实例-007 什么是HTML 属性
  • HTML实例-008 解决HTML 中文乱码问题
  • HTML实例-009 创建一个HTML 标题
  • HTML实例-010 创建一条html 水平线
  • HTML实例-011 如何给html 代码添加注释
  • HTML实例-012 使用html 段落标签
  • HTML实例-013 html 换行标签
  • HTML实例-014 创建一个html 网页样式
  • HTML实例-015 设置html网页的背景颜色
  • HTML实例-016 创建一个字体颜色大小和背景的样式
  • HTML实例-017 html 网页的对齐样式
  • HTML实例-018 HTML的文本格式化
  • HTML实例-019 HTML的预文本样式
  • HTML实例-020 html 的计算机输出标签
  • HTML实例-021 html <address>地址标签输出
  • HTML实例-022 html的<abbr> 标记一个缩写和<acronym>标记首字母缩写标签
  • HTML实例-023 <bdo>标签改变文字的方向
  • HTML实例-024 html 标签的块引用
  • HTML实例-025 html 的删除字和下划线标签
  • HTML实例-026 html 的短引用<p>元素
  • HTML实例-027 html 的长引用<blockquote>元素
  • HTML实例-028 HTML 用于文本缩略词的 <abbr>标签
  • HTML实例-029 用于定义的 HTML <dfn>标签
  • HTML实例-030 html 用于联系地址 的 <address>标签
  • HTML实例-031 用于著作标题的 HTML <cite>标签
  • HTML实例-032 用于双向重写的HTML标签<bdo>
  • HTML实例-033 用于 计算机代码的HTML元素
  • HTML实例-034 用于html 的注释标签<!-- 与 -->
  • HTML实例-035 html 的css 样式
  • HTML实例-036 链接到外部的css样式
  • HTML实例-037 html 创建超级链接
  • HTML实例-038 html 创建图像链接
  • HTML实例-039 HTML 链接的 target 属性
  • HTML实例-040 HTML 链接的 name 属性
  • HTML实例-041 HTML 链接在新窗口打开
  • HTML实例-042 HTML email链接
  • HTML实例-043 HTML插入图像
  • HTML实例-044 来自不同位置的图像
  • HTML实例-045 html图像的替换文本属性(Alt)
  • HTML实例-046 html图像插入主体背景
  • HTML实例-047 html图像对齐方式
  • HTML实例-048 HTML的浮动图像
  • HTML实例-049 HTML图像调整大小
  • HTML实例-050 HTML为图片显示替换文本
  • HTML实例-051 html 把图像作为链接使用
  • HTML实例-052 HTML为图像创建映射
  • HTML实例-053 HTML的表格制作
  • HTML实例-054 HTML带有边框的表格
  • HTML实例-055 表格中的空单元格和占位符
  • HTML实例-056 html跨行或跨列的表格单元格
  • HTML实例-057 html 表格的嵌套
  • HTML实例-058 html 表格的边距
  • HTML实例-059 html给表格添加背景颜色和图像
  • HTML实例-060 向表格单元添加背景颜色或者背景图像
  • HTML实例-061 html表格的对齐方式
  • HTML实例-062 HTML的框架(frame)属性
  • HTML实例-063 HTML的无序列表
  • HTML实例-064 HTML的有序列表
  • HTML实例-065 HTML的自定义列表
  • HTML实例-066 HTML不同类型的列表
  • HTML实例-067 HTML的不同类型的有序列表
  • HTML实例-068 HTML的嵌套列表
  • HTML实例-069 html的块元素
  • HTML实例-070 html的类
  • HTML实例-071 HTML的分类块级元素
  • HTML实例-072 HTML的分类行内元素
  • HTML实例-073 HTML的布局
  • HTML实例-074 使用 HTML5 的网站布局
  • HTML实例-075 使用表格的 HTML 布局
  • HTML实例-076 HTML 创建一个响应式 Web 设计
  • HTML实例-077 HTML 使用Bootstrap响应式 Web 设计
  • HTML实例-078 HTML的垂直框架
  • HTML实例-079 HTML的水平框架
  • HTML实例-081 HTML使用混合框架结构
  • HTML实例-082 html 的导航框架
  • HTML实例-083 html 的 noresize 属性的框架结构
  • HTML实例-084 html 的内联框架
  • HTML实例-085 html 框架内跳转到指定章节
  • HTML实例-086 使用框架导航跳转至指定的节
  • HTML实例-088 HTML的背景颜色搭配
  • HTML实例-089 HTML搭配不好的背景颜色和字体
  • HTML实例-090 HTML添加背景图像
  • HTML实例-091 html 插入一个脚本
  • HTML实例-092 html 如何应对不支持脚本的浏览器
  • HTML实例-093 HTML的文件路径
  • HTML实例-094 html的头部元素
  • HTML实例-095 HTML的 base 标签
  • HTML实例-096 HTML的文档描述
  • HTML实例-097 HTML文档的关键词
  • HTML实例-098 HTML的重定向用户
  • HTML实例-099 HTML常用的实例实体表

标签云

adsenseAIapacheaptbadblocksbreadcrumbbrewcentoscertbotckeditorcommandcomposercookiecsharpCSScurlC语言DDEVdiffdnsdockerDreamweaverDrupaldrupal 7drupal 8drupal 9drupal10drupal 11drushExcelfirewalldfirmwareflameshotformgimpgitgzipHTMLHTML5httpdhttp验证inputipjavaJavaScriptJavaSrciptkernelKVMLinuxmavenmbstringmod_expires 模块Mysqlnerdtreenetstatnetworknginxnpmpasswordphpphpmyadminphp扩展RFIDRSSselinuxSEOsharesimple_adsensesshsslStatisticssuperfishsurroundtagcloudstitleubuntuuploadprogressvimVPNVUEWireGuardwpsxdebugyoutubeyumzip主题(theme)二进制五笔分类术语压缩解压哈希值声音字段密码工作流快捷键摄影权限果树种植标签优化模块(module)源地址版本号电子秤电脑基础电脑技巧短信验证端口简介算法网站备份网站运营翻译英语表单视图(views)计算机基础赚钱超五类线网线邮件验证重定向重定向,301错误颜色

相关文章

RSS源

关于我们

  • 你行网简介
  • 关于我们
  • 版权声明

网站相关

  • 社区论坛
  • 网址导航
  • 网站地图
  • 联系我们

友情链接

  • 英文学习

友情链接2

  • drupal 大学
  • 水滴间
  • 爱码网
  • Apache

友情链接3

  • MySQL
  • php
  • drupalcode

友情链接4

  • Drupal 中国
  • Drupal 老葛
  • 宁浩网
  • drupal 台湾
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号-1