目录
colgroup" >colgroup
fieldset" >fieldset
h1……h6
tbody" >tbody
tfoot" >tfoot
thead" >thead
首页 web前端 html教程 HTML结构元素是什么?HTML中各种结构元素的总结(纯文本)

HTML结构元素是什么?HTML中各种结构元素的总结(纯文本)

Jul 21, 2018 pm 04:46 PM

在一个网页文档中会有各种不同元素的展现。每个元素都有其特定的位置,为了让这些元素规范起来,就需要由HTML中的结构元素确定。

功能说明: 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

标准属性:href、target

href:设置或获取页面中所有链接在鼠标单击链接到的URL

target:设置或获取目标内容要显示于哪个窗口或框架

   _blank:在一个新的未命名的窗口载入文档

   _self:在相同的框架或窗口中载入目标文档

   _parent:把文档载入父窗口或包含了超链接引用的框架集

  _top:把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

……

功能说明:定义HTML文档的主体,body包含HTML文档的所有内容。

标准属性:id(元素唯一标识)、class(类名)、title(显示在工具提示中的文本)、style(行内样式定义)、dir(设置文本方向)、lang(设置语言码)、background(网页背景图像)、bgcolor(背景颜色)、text(设置文字颜色)、link(设置链接文字的颜色)、alink(设置链接时文字的颜色)、vlink(设置链接后文字的颜色)、leftmargin(左外边距)、topmargin(上外边距)、bgproperties(让背景图片不跟随网页滚动,它只有一个参数fixed)

以后出现相同属性的时候解释过后就不再进行说明

……

功能说明:定义一个文档的段落

标准属性:align、id、class、title、style、dir、lang

使用要点:使用p来换行,并分隔段落。p元素是块元素,需要关闭标签

……

功能说明:用来组合文档中的内联元素

标准属性:align、id、class、title、style、dir、lang

……

功能说明:定义文档中的分区或节

标准属性:align、id、class、title、style、dir、lang

使用要点:p元素是用来为HTML文档内大块的内容提供结构和背景元素


功能说明:插入一个换行符

标准属性:id、class、title、style

……

功能说明:定义一个表格标题

标准属性:align(对齐方式,包括left(左对齐)、right(右对齐)、top(顶端对齐)、bottom(底部对齐))、id、class、title、dir、lang

使用要点:caption元素应该是table元素的子对象,caption标签必须紧随table标签之后。只能对一个表格定义一个标题,通常标题居中于表格之上。

功能说明:为表格定义列属性值,定义的对象可以包括表格中的一个或多个列

标准属性:id、class、title、style、dir、lang

可选属性:align(水平对齐方式,包括right(右对齐)、left(左对齐)、center(居中)、justify(两端对齐))

                 span(定义应当横跨的列数,默认值为1)

                 valign(垂直对齐方式,包括top(顶端对齐)、middle(垂直居中)、bottom(低端对齐)、baseline(基线对齐))  

                 width(定义列的宽度)

colgroup

功能说明:定义表格列的分组

标准属性:id、class、 title、style、dir、lang

可选属性:align、span(定义col应当横跨的列数,默认值为1)、valign、width

使用要点:只有在table标签内部才是合法的,可以对列进行组合来进行相应的格式化

fieldset

功能说明:将表单内的相关元素分组

标准属性:id、class、title、style、dir、lang

使用要点:在字段集包含的文本和其他元素外面绘制方框

……

功能说明:可为fieldset定义一个标题

标准属性:id、class、title、style、dir、lang

使用要点:legend元素必须是fieldset内的第一个元素,此元素是内嵌元素,需要关闭标签

功能说明:创建包含外部文档的内联框架

标准属性:id、class、title、style

基本属性:name(定义内容页名称)、src(定义内容页URL)、frameborder(定义内容页的边框,取值为0/1,默认为1,0不显示边框,1在每个页面之间都显示边框)、marginwidth(定义框架中HTML文件显示的上下边界的宽度,默认值由浏览器决定)、marginheight(定义框架中HTML文件显示的左右边界的宽度,默认值由浏览器决定)、scrolling(定义是否有滚动条,取值yes/no/auto,默 认值auto)、align、height、width

使用要点:iframe元素的作用相当于在一个文档中嵌入另一个文档,或者像一个漂浮的frame,创建内嵌漂浮框架,在iframe内容源文档,background-color或body元素的bgcolor标签属性必须设置为transparent。此元素是块元素,需要关闭标签

   

……

   

……

   

……

   

……

功能说明:dd定义在列表中的显示样式

                  dl定义列表的显示样式

                  dt定义列表中的项目

标准属性:id、class、title、style、dir、lang

使用要点:dd通常在列表中缩进显示,dd元素是块元素,需要关闭标签

                  dl元素是块元素,需要关闭标签

                  dt 元素是块元素,需要关闭标签

h1……h6

……

功能说明:定义文章的标题

标准属性:align、id、class、title、style、dir、lang

使用要点:

定义最大的标题,

定义最小的标题,需要关闭标签

……

功能说明:声明文档本身是一个HTML文档

标准属性:dir、lang

基本属性:common(一般属性)、xmlns(代表xml命名空间)、dir

……

功能说明:定义文档中已被插入的文本

标准属性:id、class、title、style、dir、lang

使用要点:ins和del标签配合使用,用来描述文档中的更新和修正

……

功能说明:定义文档中已被删除的文本

标准属性:id、class、title、style、dir、lang

  • ……
  • 功能说明:定义一个列表项目

    标准属性:id、class、title、style、dir、lang

    使用要点:li标签可用在有序列表

      和无序列表

          ……

        功能说明:定义有序列表

        标准属性:id、class、title、style、dir、lang

          ……

        功能说明:定义无序列表

        标准属性:id、class、title、style、dir、lang

        ……

        功能说明:定义表格的相关格式

        标准属性:align、id、class、title、style、dir、lang

        使用要点:用来显示数据,table是一个块元素,需要关闭标签

        ……

        功能说明:定义表格内的表头单元格

        标准属性:id、class、title、style、dir、lang

        基本属性:common、abbr(代表表头的简写)、axis(对单元格在概念上分类)、colspan(一行跨越多列)、headers(连接表格的数据与表头)、rowspan(一列跨多行)、scope(定义行或列的表头)、align、valign

        使用要点:th元素内部的文本通常会呈现为粗体

        ……

        功能说明:在表格中定义一行

        标准属性:id、class、title、style、dir、lang

        基本属性:common、align、valign

        ……

        功能说明:定义表格中的一个单元格

        标准属性:id、class、title、style、dir、lang

        基本属性:common、abbr(代表表头的简写)、axis(对单元格在概念上分类)、colspan(一行跨越多列)、headers(连接表格的数据与表头)、rowspan(一列跨多行)、scope(定义行或列的表头)、align、valign

        tbody

        功能说明:定义一段表格主体的格式

        标准属性:id、class、title、style、dir、lang

        使用要点:可以将表格分为一个单独的部分,可将表格中的一行或几行合成一组,但是在表格中最好没有tbody标签,不能从一个tbody跨越到另一个tbody中

        tfoot

        功能说明:定义表格脚注的格式

        标准属性:id、class、title、style、dir、lang

        使用要点:tfoot元素内包含的有效标签有td、tr、th,任何给定的table对象都只能定义一个tfoot。此元素需要关闭标签

        thead

        功能说明:定义表头的格式

        标准属性:id、class、title、style、dir、lang

        使用要点:thead内部必须拥有tr标签,此元素不会改变显示。如果使用thead、tfoot和tbody元素,就必须使用全部的元素。它们出现的次序是thead、tfoot、tbody。必须在table元素内部使用这些标签

        相关推荐:

        HTML中元信息meta标记属性的分析(附代码)

         如何动态生成html元素以及为元素追加属性的方法介绍(附代码)

        以上是HTML结构元素是什么?HTML中各种结构元素的总结(纯文本)的详细内容。更多信息请关注PHP中文网其他相关文章!

    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热AI工具

    Undresser.AI Undress

    Undresser.AI Undress

    人工智能驱动的应用程序,用于创建逼真的裸体照片

    AI Clothes Remover

    AI Clothes Remover

    用于从照片中去除衣服的在线人工智能工具。

    Undress AI Tool

    Undress AI Tool

    免费脱衣服图片

    Clothoff.io

    Clothoff.io

    AI脱衣机

    AI Hentai Generator

    AI Hentai Generator

    免费生成ai无尽的。

    热门文章

    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.最佳图形设置
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.如果您听不到任何人,如何修复音频
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    WWE 2K25:如何解锁Myrise中的所有内容
    4 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热工具

    记事本++7.3.1

    记事本++7.3.1

    好用且免费的代码编辑器

    SublimeText3汉化版

    SublimeText3汉化版

    中文版,非常好用

    禅工作室 13.0.1

    禅工作室 13.0.1

    功能强大的PHP集成开发环境

    Dreamweaver CS6

    Dreamweaver CS6

    视觉化网页开发工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神级代码编辑软件(SublimeText3)

    > gt;的目的是什么 元素? > gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

    本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

    < datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

    本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

    < meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

    本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

    HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

    文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

    如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

    本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

    视口元标签是什么?为什么对响应式设计很重要? 视口元标签是什么?为什么对响应式设计很重要? Mar 20, 2025 pm 05:56 PM

    本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

    < iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

    本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

    Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Apr 04, 2025 pm 11:54 PM

    GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

    See all articles