登录 |  注册
首页 >  编程语言 >  HTML入门基础教程_学习笔记 >  HTML区块标签用法

HTML区块标签用法

网页设计中可以通过 <div> 和 <span> 标签将元素组合起来,根据自己的设计,配合css样式,就可以设计出多样化的网页效果。



HTML网页区块元素

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

块级元素一般在浏览器显示时,一般会以新行来开始(和结束),(当然可以通过样式来改变其显示效果)

除了块级元素,内联元素则在行内显示,不会换行

块级元素实例: <h1>, <p>, <ul>, <table>


HTML 内联元素

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

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


HTML <div> 块级元素的作用

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

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

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

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


<div> 元素的另一个常见的用途是文档布局

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


HTML <span> 与元素

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

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

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


上一篇: HTML表格属性详解
下一篇: div标签常用布局
推荐文章
  • ASP.NET教程ASP.NET又称为ASP+,基于.NETFramework的Web开发平台,是微软公司推出的新一代脚本语言。ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不一样的开发模式:WebPages(Web页面)、
  • C# 判断判断结构要求程序员指定一个或多个要评估或测试的条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(可选的)。下面是大多数编程语言中典型的判断结构的通常形式:判断语句C#提供了以下类型的判断语句。点击链接查看每个语句的细节。语句描述if语句一个 if语句 由一个布尔表达式后跟
  • C#循环有的时候,可能需要多次执行同一块代码。通常情况下,语句是顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。编程语言提供了允许更为复杂的执行路径的多种控制结构。循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的通常形式:循环类型C#提供了以下几种循环类型
  • C#数组(Array)数组是一个存储相同类型元素的固定大小的顺序集合。数组是用来存储数据的集合,一般认为数组是一个同一类型变量的集合。声明数组变量并不是声明number0、number1、...、number99一个个单独的变量,而是声明一个就像numbers这样的变量,然后使用numbers[0]
  • ASP.NET是一个由微软公司开发的用于构建Web应用程序的框架,它是.NETFramework的一部分。它提供了一种模型-视图-控制器(MVC)架构、Web表单以及最新的ASP.NETCore中的RazorPages等多种开发模式,可以用来创建动态网页和Web服务。以下是一些基础的ASP.NET编
  • 异常是程序中的一些错误,但并不是所有的错误都是异常,并且错误有时候是可以避免的。比如说,你的代码少了一个分号,那么运行出来结果是提示是错误java.lang.Error;如果你用System.out.println(11/0),那么你是因为你用0做了除数,会抛出java.lang.Arithmeti
学习大纲