004. html篇之《标签分类和嵌套》

html篇之《标签分类和嵌套》

一、常用标签

(1)

  • 一个区块容器标记,可以包含图片、表格、段落等各种html元素

(2)

  • 没有实际意义,为了应用样式

二、标签分类

(1) 块级标签

  • 独占一行,会换行
  • 包含:
    <div></div>、<ul></ul>、<ol></ol>、<li></li>、
    <dl></dl>、<dt></dt>、<dd></dd>、<h1>~<h6>、
    <p></p>、<form></form>、<hr /> ……

(2) 行内标签

  • 同在一行,不换行
  • 包含:
    <span></span>、<b></b>、<em></em>、<img />、
    <input />、<a></a>、<sup></sup>、<sub></sub>、
    <textarea></textarea> ……

三、标签嵌套规则

  • 块级元素可包含行内元素和某些块级元素
  • 行内元素不能包含块级元素,只能包含其他行内元素
  • 块级元素不能放在<p></p>标签内
  • 特殊块级元素只能包含行内元素,不能包含块级元素,例如:<h1>~<h6><p></p><dt></dt>
  • 块级元素与块级元素并列,行内元素与行内元素并列

我是弦歌,
一个渴望成长的前端小白,
欢迎您的留言,
更期待您的不吝指正。

若我的内容能帮助到您,欢迎关注我哦 ♥
记得点赞收藏哦 ♥

0 条评论
请不要发布违法违规有害信息,如发现请及时举报或反馈
还没有人评论呢,速度抢占沙发!
相关文章
  • 最近又是更新了报告模板的样式新使用了目录对象 因为直接生成的目录样式比较丑所以这边使用的是自定义xsl                                               ...

  • 获取元素的尺寸信息,有很多种方法。不同的尺寸属性有不同的定义,如果没有很好的总结,就很容易混淆。下面就一起来看看。偏移尺寸(offset)元素相对于偏移父元素(offsetParent)的偏移尺寸。o...

  • 一、HTML介绍 HTML是一种标记语言,不是编程语言,为了快速上手,其他的可以自己查询,下面是我使用VScode生成的第一个HTML网页。 二、HTML标签介绍 标签分为单标签和双标签, 换行:单...

  • 💂 网站推荐:【神级源码资源网】【摸鱼小游戏】🤟 风趣幽默的前端学习课程:👉28个案例趣学前端💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】💬 免费且实用的计算机相关知识...

  • 💂 网站推荐:【神级源码资源网】【摸鱼小游戏】🤟 风趣幽默的前端学习课程:👉28个案例趣学前端💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】💬 免费且实用的计算机相关知识...

  • HTML HTML01:初识HTML HTML Hyper Text Markup Language(超文本语言) W3C World Wide Web Consortium...

  • 背景: 如何在ASP.Net Core的生产环境中保护swagger ui,也就是index.html页面。其实swagger是自带禁用的功能的,只需要设置开关即可。但是有一些场景,是需要把这些接口进...

  • 好家伙,好久好久没有更新这个系列了   为了使文档更方便阅读,使代码更容易维护,来把这个飞机大战模块化 项目已开源: https://gitee.com/tang-and-han-...

  • 此内容包含: html基础 列表、表格 媒体元素 表单(重点) 1、HTML 基础 目标: 会使用HTML5的基本结构创建网页 会使用文本相关标签排版文本信息 会使用图像相关标签实现图文并茂的页...

  • 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 HTML页面加载过程会发生什么?因为浏览器网络拉取资源是多线程的,但是dom树的操作都是在一个线程中的,所以网页资源的解析、js加载、...

  • 网络环境总是多样且复杂的,一张网页图片可能会因为网路状况差而加载失败或加载超长时间,也可能因为权限不足或者资源不存在而加载失败,这些都会导致用户体验变差,所以我们需要对图片加载失败时的情况进行一个弥补...

  • HTML/XML转义字符对照表包含符号、数学符号、希腊字母 、重要的国际标志、ISO 8859-1 (Latin-1)字符集、特殊符号等。   为什么要用转义字符串? HTML中,&等有特殊含义(...

  • HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox JavaScript: ...

  • 零、学习中的补充 1、head中的meta 这段代码表示2s后当前网页会自动refresh跳转到http://www.baidu.com页面。 一般来说,HTML中只有六个标签可以放在head中...

  • 一个网页有三个部分组成:、、   注释:快捷键:ctrl + / (在网页中不起任何代码作用,只用于提示)     基本标签 标题标签 ~ 换行标签 段落...

  • 上篇: Bootstrap Blazor 实战 通用导入导出服务(Table组件) 1.新建工程 新建工程b14table dotnet new blazorserver -o b14table ...

  • 上篇文章我们一起学习了 Flowable 中的动态表单,动态表单说白了就是把变量打包定义,零存整取。但是小伙伴们可能很难实实在在 GET 到动态表单一些有创造性的功能,所以今天我们就来继续看看 Flo...

  • 近期于项目中发现微信小程序不能直接解析html富文本内容信息碾转多方,已寻得解决方案。话不多说,直接上货使用wxParsegit地址:https://github.com/icindy/wxP...把...

  • 渲染模板 我的客服系统后端使用的golang Gin 框架,想把页面渲染出来,下面就是加载html模板页面 package router func InitViewRouter(engine *gi...

  • 本博文介绍HTML中的表单标签。 表单 = 表单域 + 表单控件 + 提示信息,下面说说表单域和表单控件。 1 表单域标签:         基本格式:                        ...