块级元素、内联元素、行内块元素、转义字符

最新推荐文章于 2022-05-22 13:04:38 发布
最新推荐文章于 2022-05-22 13:04:38 发布
阅读量224 收藏
点赞数
分类专栏： HTML复习笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41482001/article/details/86068243
版权

块级元素：在浏览器显示时总是独占一行。可以设置宽高
内联元素：与它邻近元素出现在同一行内的元素。可以设置宽高
行内块元素：能设置宽高的行内元素

行内元素有：title  lable  span  br  a   style  em  b  i   strong

块级元素有：body  from  select  textarea  h1-h6 html table  button  hr  p  ol  ul  dl  cnter  div

行内块元素常见的有： img  input  td

在这里插入图片描述

故梦连城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端css+html+布局笔记
09-14
实体也可以称为转义字符 实体的语法 &实体名; 常用的实体 空格   < < > > 版权符号 © 图片标签 使用图片标签可以向页面中引入一个外部图片 属性 src 指向一个...
HTML和正则的汇总
04-13
4. 块级元素与行内元素：块级元素如`<div>`独占一行，行内元素如`<span>`在一行内显示，可以组合使用实现复杂布局。 5. 表单与交互：`<form>`元素用于收集用户输入，配合`<input>`、`<select>`、`<textarea>`等元素...
10html块级元素、行内元素、特殊字符
一点儿^~^的博客
02-17 146
10html块级元素、行级元素、特殊字符 块级元素： 独立占一行，可以设置宽高，默认宽100%； 如：文字类块元素p、h1~h6，容器类块元素div、table等。 行级元素： 不独立占一行，不可以设置宽高，宽高由内容决定； 如：a、img、input等。 特殊字符： 换行 br、空格 &amp;amp;nbsp； 嵌套规则： 1.块级元素可以嵌套行级元素 &amp;lt;div&amp;gt; &amp;lt;a&amp;gt;...
（16）HTML标签详解之<br /><hr /><!-- -->
yangli_world的博客
07-26 1113
HTML标签详解之         可插入一个简单的换行符。但是与标签不同的是， 标签只是简单地开始新的一行，而当浏览器遇到  标签" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); font-family:Verdana,Arial,宋体; line-height:18px; background:rgb(2
vue了解
qq_45903009的博客
04-09 348
文章目录一：初始vue.js1·1：vue简介1·2：vue的目的1·3：vue的核心思想二：框架2·1：框架是什么2·2：MVC框架（了解）2.3:MVC框架的使用价值2·4：MVVM框架：三：vue的使用3·2：数据的渲染方式3·2.1：命令式渲染：3.2.2：声明式渲染：3·3：模板语法：{{}}3·3·1：模板语法中可以写3·3·2：表达式:通过计算得到结果的公式3·3·3：注意常见问题四：vue的指令4·1：指令的书写规范4·2：双向绑定：双向绑定的原理：双向绑定的优点4·3：常见的指令4·3·1
什么是块级元素？
bwf_erg的博客
04-09 3102
使用css进行布局，对块级元素并不陌生，我们经常使用的div就是块级元素，那么块级元素到底有哪些呢？ 地址 表格标题 列表 列表中每一列的标题 列表中每一列的内容 分区块 表单
哪些是块级元素那些是行内元素，各有什么特点
m0_71231013的博客
05-22 1114
1、行内元素：a img span b strong input select section 2、块级元素：div p table ul lo li h1-h6 dl dt 3、空元素：br hr img input link meta 区别： 1、块级元素会独占一行 默认的宽度占满父级元素，行内元素不会换行 2、行内元素的width height 无效 3、块级元素可以设置margin和padding属性，行内元素padding-left、padding-right，margin-le
html入门到放弃笔记
05-15
页面的空格以及一些特殊字符需要通过转义字符的方式体现 1、  表示一个空格 2、< 表示 < 3、> 表示 > 4、© 表示© Demo : 1、创建一个页面 02-text.html 2、在页面中 输出以下内容 The...
DOM初识
01-20
- **innerText**：只处理文本内容，如果插入的字符串包含HTML标签，这些标签会被转义，不会作为HTML元素解析。 - **outerHTML**：可以修改元素的完整HTML，包括自身标签和内部内容。 5. **改变样式**： - **cls....
C++程序设计语言(第次).doc
11-13
12. **转义字符**：在C++中，转义字符用于表示特殊字符，例如`\n`表示换行，`\t`表示制表符。字符常量'B'的转义字符是`\x42`，如第12题。 13. **引用**：引用总是引用另一个已存在的对象，它是该对象的别名，并且...
行内元素与块级元素的区别
ershixong123的博客
07-29 204
在学习HTML5中的容易把行内元素与块级元素混搅因此我总结了行内元素与块级元素的区别： 块级元素：总是在新行上开始，占据一整行；高度，行高以及外边距和内边距都可控制； 宽度始终是与浏览器宽度一样，与内容无关；它可以容纳内联元素和其他块元素。 行内元素：和其他元素都在一行上；高，行高及外边距和内边距部分可改变；宽度只与内容有关；行内元素只能容纳文本或者其他行内元素。不可以设置宽高，其宽度随着内
块级元素和级联元素的含义
weixin_33947521的博客
04-11 151
块级元素和级联元素的含义 Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:b...
行内元素和块级元素
natalie86的专栏
01-10 654
1 块级元素：div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table    行内元素：span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite,        
h5新增标签:canvas(行内块元素)
weixin_33850015的博客
03-08 998
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
前端学习-元素显示模式
来为您的博客
10-28 302
html元素一般分为块元素和行内元素两种类型 块元素: 自己独占一行 高度宽度内边距外边距都能自己设置 宽度默认是父元素的100% 大容器,可以放任何元素 文字类的元素内不能使用块级元素(p标签,h1~h6标签) 行内元素 相邻行内元素都在一行 宽度和高度不能设置 默认宽度就是本身内容的宽度 行内元素这个容器比块元素小,除了块都能放 链接里不能放链接 特殊情况a标签里可以放块元素,a需要转换 行内块元素 最常见的:img,input,td 可以设置宽度和高度(块的特点) 在一行上,但是中间会有空隙
day7-李大人part1
qq_45903009的博客
12-15 305
day07 文章目录day07一· 盒模型1：内容区(content)：2：内填充(padding)2·1：值的设置 ：2·2：padding的特点2·3：padding的应用场景3：边框(border)4:外边距（margin）4·1:值的设置4·2：margin特点4·3：margin的问题***重叠******传递***4·4，使用场景5：豆瓣读书练习 一· 盒模型 1：内容区(content)： 放图片文字等 由width和height决定 2：内填充(padding) 2·1：值的设置 ： pa
条件表达式以及循环
qq_45903009的博客
01-03 941
day03 文章目录day03一：条件表达式的分析1·1：if...else if.... 和if.....if....之间的区别1·2，if之间的嵌套：二：调试（极其重要的技能）三：三目运算符：四：条件表达式2 ->switch语句4·1：swith的语法：4·2：if...else..和swith之间的区别五：循环表达式：5·1：while循环5·2：do while循环5·3：for循环5·4：循环的使用 一：条件表达式的分析 1·1：if…else if… 和if…if…之间的区别 1·if…
【css】行内元素、行内块元素的默认间隙问题
热门推荐
汪小穆的博客
04-28 1万+
前言：我比较用喜欢行内元素，行内块元素来做横向导航，这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素，行内块元素元素有个硬伤--有默认的间隙 一、行内标签元素出现问题 <body> <style> span { background:red; } </style> <span>行内元素</span&gt...
块级元素和内联元素的区别
最新发布
04-26
块级元素和内联元素的主要区别在于它们的显示方式和布局特性。块级元素会独占一行，可以设置宽度、高度等属性；而内联元素可以与其他元素在同一行显示，宽度由内容决定，无法设置宽度、高度等属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值