HTML中各种结构元素的简介-创新互联

这篇“HTML中各种结构元素的简介”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“HTML中各种结构元素的简介”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

成都创新互联公司是一家专业提供来安企业网站建设,专注与网站设计、成都做网站H5网站设计、小程序制作等业务。10年已为来安众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

在一个网页文档中会有各种不同元素的展现。每个元素都有其特定的位置,为了让这些元素规范起来,就需要由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 元素是块元素,需要关闭标签

h2……h7

……

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

标准属性: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中各种结构元素的简介”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!

        另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


        网页题目:HTML中各种结构元素的简介-创新互联
        文章位置:http://myzitong.com/article/doihcd.html