前端学习(142):行级标签和块级标签

块级标签:(block)

1、独占一行,不和其他元素待在同一行,宽度自动填满父元素宽度

2、能设置weight(宽)、height(高)属性

3、可以设置margin,padding属性

常见的块级标签:

<address>,定义地址

<caption>,定义表格标题

<div>,定义文档中的分区或节

<dl>,定义列表

<dt>,定义列表中的项目、

<fieldset>,定义一个框架集

<form>,创建HTML表单

 

<h1>,定义最大的标题

<h2>,定义副标题

<h3>,定义标题

<h4>,定义标题

<h5>,定义标题

<h6>,定义最小的标题

<hr>,创建一条水平线

<legend>元素为<fieldset>标签定义标题

<li>,标签定义列表项目

<noframes>,为那些不支持框架的浏览器显示文本,于<frameset>元素内部

<noscript>,定义在脚本未被执行时的替代内容

<ol>,定义有序列表

<ul>,定义无序列表

<p>,标签定义段落

<pre>,定义预格式化的文本

<table>,定义HTML表格

<tbody>,定义表格主体(正文)

<td>,表格中的标准单元格

<tfoot>,定义表格的页脚(脚注或表注)

<th>,定义表头单元格

<thead>,标签定义表格的表头

<tr>,定义表格中的行

列表(ul,ol,li),盒子(div),段落(p),

表单(form),

表格(table,tr,td),水平线(<hr>)

 

行级标签:(inline)

1、能和其他元素待在同一行

2、不能设置宽高

3、行内元素的水平方向的padding-left和padding-right都会产生边距效果,但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

常见的行级标签:

<a>,超链接,

<abbr>,表示一个缩写形式

<acronym>,定义只取首字母缩写

<strong>/<b>,字体加粗

<em>,定义为强调的内容

<i>,斜体文本效果

<u>,下划线

<del>,删除线

<bdo>,可覆盖默认的文本方向

<big>,大号字体加粗

<br>,换行

<cite>,引用进行定义

<code>,定义计算机代码文本

<dfn>,定义了一个定义项目

<img>,向网页中嵌入一幅图像

<input>,输入框

<kbd>,定义键盘文本

<label>,标签为<input>元素定义标注(标记)

<q>,定义短的引用

<samp>,定义样本文本

<select>创建单选或多选菜单

<small>,呈现小号字体效果

<span>,组合文档中的行内元素

<sub>,定义下标文本

<sup>,定义上标文本

<textarea>,多行的文本输入控件(文本域)

<tt>,打字机或者等宽的文本效果

<var>,定义变量

行内块标签:(inline-block)

1、能和其他元素待在一行

2、能设置宽高

常见的行内块标签:

图片(<img>),输入(<input>),文本域(<textarea>)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/423117.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【剑指offer - C++/Java】2、替换空格

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 题目链接&#xff1a; 替换空格 文章目录题目描述解题思路总结题目描述 请实现一个函数&#xff0c;将一个字符串中的每个空格替换成“%20”。例如&am…

c#保留小数点后位数的方法

c#保留小数点后位数的方法 Double dValue 95.12345; int iValue 10000; string strValue "95.12345"; string result ""; result Convert.ToDouble(dValue).ToString("0.00");//保留小数点后两位,结果为95.12 …

数据仓设计

TOC 数据仓库&#xff0c;这里采用层级的设计方式&#xff0c;设计的粒度&#xff0c;依据业务的复杂度而定&#xff1b; 这里只是介绍 数据仓库的设计&#xff0c;后续补充一下&#xff0c;具体的实现细节和使用工具&#xff1b;

【OS学习笔记】一 处理器、内存和指令

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 我们已经知道&#xff0c;处理器是一台电子计算机的核心&#xff0c;它会在振荡器脉冲的激励下&#xff0c;从内存中获取指令&#xff0c;并发起一系列…

AS3 CookBook学习整理(八)

1. AS3的事件机制 事件流机制即为捕获--目标--冒泡,分别对应event.eventPhase的值1(EventPhase.CAPTURING_PHASE)&#xff0c;2(EventPhase.AT_TARGET)&#xff0c;3(EventPhase.BUBBLING_PHASE) 假设有3个Sprite&#xff0c;分别为绿、蓝、黄(如图),层叠关系为绿色包含蓝色&am…

边缘计算+云计算

后续更新中 边缘计算云计算&#xff1a; 促进企业数字化向数智化发展概念1.以下是边缘计算的四个组织2. 边缘设备对IoT的增强作用 &#xff08;更新&#xff09;3. 边缘计算应用于IoT的四个层次4. AI在边缘设备计算领域的三种应用场景5. 云服务架构6.案例解析6.1国家电网&#…

参商

人生不相见&#xff0c;动如参与商。今夕复何夕&#xff0c;共此灯烛光。 少壮能几时&#xff0c;鬓发各已苍。访旧半为鬼&#xff0c;惊呼热中肠。 焉知二十载&#xff0c;重上君子堂。昔别君未婚&#xff0c;儿女忽成行。 怡然敬父执&#xff0c;问我来何方。问答乃未已&a…

CSS强制按比例缩小图片

<title>CSS强制按比例缩小图片</title><style>img,a img{ border:0; margin:0; padding:0; max-width:200px; width:expression(this.width>200?"200px":this.width); max-height:200px; height:expression(this.height>200?"200px…

【剑指offer - C++/Java】3、从尾到头打印链表

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 牛客网题目链接&#xff1a; 从尾到头打印链表 文章目录题目描述1、递归解法1.1、 递归解法一java代码&#xff1a;C代码分析&#xff1a;1.2 递归解法…

网络协议之http和tcp思维导图

http协议和tcp协议之前学的整理一部分&#xff0c;后续更新

Oracle 10g Audit(审计) --- 记录登录用户在Oracle中的所有操作(转)

由于项目平台管理的需要&#xff0c;最近在研究Oracle 10G的审计功能&#xff0c;以便记录和跟踪用户在Oracle数据库系统中的所有操作行为&#xff0c;进而提高Oracle的安全性。现在把审计功能的配置步骤分享出来&#xff0c;供大家参考&#xff1a; 1、以DBA登录Oracle # su -…

【剑指offer - C++/Java】4、重建二叉树

牛客网题目链接&#xff1a;重建二叉树 文章目录0 题目描述&#xff1a;1、题目分析2、代码2.1、java代码2.2 C代码3、总结0 题目描述&#xff1a; 输入某二叉树的前序遍历和中序遍历的结果&#xff0c;请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字…

Windows下Android开发环境 搭建

1、 下载Android SDK &#xff08;1&#xff09;官网下载解压后即可用。 在http://androidappdocs.appspot.com/sdk/index.html 下选择 合适自己的平台下载&#xff0c;下载后解压 运行 【SDK Setup.exe】 出现在线安装包。 会出现“Failed to fetch URL https://dl-ssl.google…

【OS学习笔记】二 汇编语言和汇编软件

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 上一篇文章讲解了处理器&#xff0c;内存&#xff0c;和指令。学习了Intel 8086处理器的相关知识&#xff0c;如Intel通用寄存器的作用&#xff0c;程…

【软件开发底层知识修炼】一 深入浅出处理器之一 微处理器与微控制器

学习交流加&#xff08;可免费帮忙下载CSDN资源&#xff09;&#xff1a;个人微信&#xff1a; liu1126137994学习交流资源分享qq群1&#xff08;已满&#xff09;&#xff1a; 962535112学习交流资源分享qq群2&#xff1a; 780902027 深入浅出处理器这几篇文章可能你觉得对软件…

WINCE6 同时支持简繁体

最近两星期在玩WINCE6&#xff0c;因产品需要&#xff0c;应用软件需支持简繁体&#xff0c;显示其中一种很好办&#xff0c;只需要加入相应的字库。如加入简体字库&#xff1a;CEBASE->International->Locale Specific Support->Chinese(Simplified)&#xff0c;选择…

ASP.NET 2.0中将 GridView 导出到 Excel 文件中

下面代码实现将 GridView 导出到 Excel文件中。 值得注意的是VerifyRenderingInServerForm重载方法&#xff1a;MSDN上的 VerifyRenderingInServerForm 方法的描述&#xff1a;  必须位于 <form runatserver> 标记中的控件可以在呈现之前调用此方法&#xff0c;以便在控…

【软件开发底层知识修炼】二 深入浅出处理器之二 中断的概念与意义

学习交流加 个人qq&#xff1a; 1126137994个人微信&#xff1a; liu1126137994学习交流资源分享qq群&#xff1a; 962535112 上一篇文章我们学习了微处理器与微控制器的区别。点击链接查看上一篇文章的内容&#xff1a;微处理器与微控制器 本篇文章我们学习中断的概念与意义。…

SqlServer2008 安装经验日志总结

SqlServer2008 产品密钥&#xff08;仅供学习&#xff09;Developer: PTTFM-X467G-P7RH2-3Q6CG-4DMYBEnterprise: JD8Y6-HQG69-P9H84-XDTPG-34MBB------------------sqlserver2008安装经历步骤如下----------------------------- 1 安装前会对操作系统打补丁&#xff0c;安装完…