首页 > 其他分享 >HTML 块<div> 和 <span>

HTML 块<div> 和 <span>

时间:2022-12-04 16:36:23浏览次数:37  
标签:块级 表格 元素 HTML 内联 CSS

可以通过 <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,内联,CSS
From: https://www.cnblogs.com/JohnsonQ/p/16950054.html

相关文章

  • HTML 表格 与 列表
    HTML表格(w3school.com.cn)每个表格由table标签开始。每个表格行由tr标签开始。每个表格数据由td标签开始。 无序列表无序列表是一个项目的列表,此列项目使......
  • html
     第一章<html> 整个网页的起始和结束标签     <head> 头信息         <title>网页的标题</title></head><bodytext=“(字体)颜色”;bgcolor......
  • 简易博客页面小项目 html css
    项目预览代码html:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkrel="stylesheet"type="text/css"hr......
  • 将html字符串转换成html标签显示到页面上(转)
    转自:将html字符串转换成html标签显示到页面上当我们将html字符串放到页面上时,是无法直接显示出我们想要的内容,这时我们需要将字符串转化成为html标签(必须保证html字符串的......
  • Centos7 安装wkhtmltopdf 提示缺少依赖库
    首先下载安装包:​​https://wkhtmltopdf.org/downloads.html​​,如果没有代理工具,下载会很慢。。。。。上传至服务器任意目录后,执行安装:​​rpm-ivhwkhtmltox-0.12.5-1.c......
  • 大前端html基础学习03-定位锚点透明
    一、position定位属性和属性值position定位属性,检索对象的定位方式;语法:position:static/absolute/relative/fixed/sticky/unset/inherit(未设置是inherit和initial的结合......
  • ansible彩色输出转换为html格式
    实现目标:将在后台运行(非tty终端环境)的ansible输出结果作为日志转换为html在浏览器显示:技术背景:我司使用的运维平台,使用flask框架搭建。对各个操控主机使用ansible进行操作,......
  • 分享45款高质量的免费(X)HTML/CSS模板
    ​​GreenPlanet​​(​​演示​​​|​​下载​​)​​​​​​CreativeStudio​​(​​演示​​​|​​下载​​)​​​​​​RestaurantWebsite​​(​​演示......
  • 你应该知道的10个奇特的 HTML5 单页网站
    网页设计师努力寻找新的方式来展现内容。其中一个大的趋势是单页网站,现在被世界上的一些大的品牌广泛采用,使用它们来为用户提供一个快速,干净和简单的而且美丽的网站。 ​​......
  • html5文件分片上传,断点续传
    ​ 1、介绍enctypeenctype 属性规定发送到服务器之前应该如何对表单数据进行编码。enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样)1、......