称多县网站建设公司,上虞网络推广,微豆网络科技有限公司网页设计,湖南建设工程竣工备案表查询网站编程笔记 html5cssjs 012 HTML分块 一、HTML 块级元素二、HTML 内联元素三、HTML div 元素四、HTML span 元素五、HTMLarticle元素六、article元素和div元素的区别与联系小结 像报纸排版一样#xff0c;很多时候需要把平面… 编程笔记 html5cssjs 012 HTML分块 一、HTML 块级元素二、HTML 内联元素三、HTML div 元素四、HTML span 元素五、HTMLarticle元素六、article元素和div元素的区别与联系小结 像报纸排版一样很多时候需要把平面划分为多个块网页也是一样这里就看一下怎么在页面中划分区块。 HTML div 和span HTML 可以通过 div 和 span将元素组合起来。
一、HTML 块级元素
大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时通常会以新行来开始和结束。 实例: h1, p, ul, table
二、HTML 内联元素
内联元素在显示时通常不会以新行开始。 实例: b, td, a, img HTML中的块级元素指的是在渲染时以块的形式显示的元素。 以下是一些常见的HTML块级元素
div用于创建一个分隔的块级区域常用于布局和样式的分离。p用于段落文本。h1 - h6用于标题其中h1表示最高级别的标题h6表示最低级别的标题。ul用于创建无序列表。ol用于创建有序列表。li用于列表项必须位于ul或ol内部。table用于创建表格。thead用于定义表格的表头部分。tbody用于定义表格的主体部分。tr用于定义表格的一行。th用于定义表格的表头单元格。td用于定义表格的数据单元格。form用于创建表单。fieldset用于将相关表单元素分组。legend用于为元素定义标题。blockquote用于引用长段落的文本。address用于定义联系信息。pre保留空白字符和换行符的格式化文本。figure用于包含独立的内容如图像或表格。figcaption用于为figure元素定义标题。
这只是一些常见的块级元素还有其他块级元素如article、section、nav、header等等。
三、HTML div 元素
HTML div 元素是块级元素它可用于组合其他 HTML 元素的容器。 div 元素没有特定的含义。除此之外由于它属于块级元素浏览器会在其前后显示折行。 如果与 CSS 一同使用div 元素可用于对大的内容块设置样式属性。 div 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table 元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。
四、HTML span 元素
HTML span 元素是内联元素可用作文本的容器 span 元素也没有特定的含义。 当与 CSS 一同使用时span 元素可用于为部分文本设置样式属性。
五、HTMLarticle元素
用于定义独立的、完整的、与页面内容无关的文章内容。是HTML5新增元素。 article元素应该包含一片完整的、独立于页面的文章内容例如一篇新闻报道、一篇博客文章等。这些内容可以作为独立的实体进行分发例如通过RSS订阅或社交媒体分享。 article元素可以包含标题、摘要、作者、发布日期等信息。它可以包含其他HTML元素如段落(p)、标题(h1-h6)、图片(img)、列表(ul、ol)等以展示完整的文章内容。
articleh2Article Title/h2pArticle content goes here.../ppAnother paragraph.../p
/article六、article元素和div元素的区别与联系
注意article元素应该是独立的即使嵌套在其他元素中也应该具有自己的完整语义。 元素是HTML文档中的构建块用于定义网页的结构和内容。在HTML中有许多不同类型的元素每个元素都有特定的功能和用途。 其中两个常见的元素是article和div。 article元素用于定义一个独立的内容块通常表示一篇文章或一个独立的主题。它可以包含标题、内容、作者等信息。一个网页可以包含多个article元素每个元素独立显示。 div元素是一个通用的容器元素用于将多个元素组合在一起或为它们提供样式。它没有特定的含义或语义仅用于布局和组织目的。div元素可以用于分组相关的内容设置样式或创建网页布局的不同区域。 article元素和div元素之间的关系是article元素通常可以包含多个div元素作为其子元素。这样可以将文章分为不同的部分或块并使用div元素对每个部分进行样式设置或布局。 另外div元素也可以存在于除了article元素以外的其他元素中用于创建更复杂的布局或组织结构。 总的来说article元素表示一个独立的内容块而div元素是一个通用的容器元素用于组合和布局其他元素。它们之间可以互相嵌套以创建更具结构和样式的网页。
小结
熟练掌握区块划分的各种方法才能满足制作网页的实际需要。
