下文笔者讲述HTML中块元素的简介说明,如下所示
HTML 块元素简介
HTML 块元素:
指将其他html元素或标签包含的一个标签
html 块元素的功能:
有助于元素分组
html 块元素的实现方式:
html中可使用 <div> 和 <span>
将“块元素”组合起来
HTML 块元素示例
<div>
<strong>首页</strong>
<em>关注</em>
<em>分享</em>
</div>
<!-- 内容 -->
<div>
<em>HTML基础教程 Linux28.com
</em>
<em>CSS教程
</em>
<em>JavaScript教程
</em>
</div>
HTML中常见的区块元素
HTML 元素
被定义为块级元素或内联元素
块级元素
在浏览器显示时,会以新行来开始(和结束)
例:
<h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始
例: <b>, <td>, <a>, <img> <i>
HTML <div> 元素的功能
HTML <div> 元素是块级元素
它可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义
除此之外
由于它属于块级元素,浏览器会在其前后显示折行。
如果与CSS 一同使用
<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局
它可替换表格布局
使用<table> 元素进行文档布局不是表格的正确用法
<table> 元素的作用是显示表格化的数据
HTML <span> 标签
HTML <span>标签是内联元素
常用于文本的容器
<span>标签无特别含义
当和CSS一起使用时
<span> 标签
可用于为部分文本设置样式属性