美文网首页
第1章 HTML标记语文档结构

第1章 HTML标记语文档结构

作者: 好吃的野菜 | 来源:发表于2018-03-28 21:43 被阅读6次

闭合标签与自闭合标签

闭合标签:标签包含的内容是文本;

自闭合标签:标签引用其他内容。

标签属性

标签属性:属性负责为浏览器提供有关标签的额外信息。

默认样式

浏览器内置了一个默认的css样式表。

文档流

文档流:HTML元素会按照它们各自在标记中出现的先后顺序,依次从页面上方“流向”下方。

块级元素与行内元素

块级元素:块级元素会相互堆叠在一起沿页面向下排列,每个元素分别占一行;

行内元素:行内元素会相互并列,只有在空间不足以并列的情况下才会折到下一行显示。

块级元素盒子会扩展到与父元素同宽;

行内元素盒子会“收缩包裹”其内容,并且会尽可能的包紧;

嵌套标记实际上就是嵌套盒子。

文档对象模型

文档对象模型(DOM):DOM是从浏览器的视角观察页面中的元素以及每个元素的属性,由此得出这些元素的一个家族树。

通过DOM可以确定元素之间的相互关系;

在CSS中引用DOM中特定的位置,就可以选中相应的HTML元素,并修改其样式属性。

相关文章

  • html初探

    一、html文档的结构 :表示为H5 :HTML文件均以 标记开始,以 标记结束。...

  • 常用HTML标签及属性

    思维导图 思维导图链接 文档结构类型 HTML元素 图像和链接 表格 列表 结构标记 表单 文档结构类型 HTML...

  • HTML基础

    html文档基本结构 1.html结构 头部:浏览器所需信息 主题:具体内容 2.文件标记 HTML标记: 放在文...

  • 【HTML】 一、HTML的语法

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 七、HTML框架

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 五、超链接的使用

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 六、表格

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 八、表单设计

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • HTML标记语言【总】

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 二、html的基本结构

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

      本文标题:第1章 HTML标记语文档结构

      本文链接:https://www.haomeiwen.com/subject/ypzucftx.html