HTML的块级元素和行级元素的标签列表

行内元素列表:

<a>标签可定义锚点

<abbr>表示一个缩写形式

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

<b>字体加粗

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

<big>大号字体加粗

<br>换行符号

<cite>引用进行定义

<code>定义计算机代码文本:显示代码<code>&#60;!--这里填写注释的内容--&#62;</code>

<dfn>定义一个定义项目

<em>定义为强调的内容

<i>斜体文本效果

<img>向网页中嵌入一幅图像<input>输入框

<kbd></kbd>定义键盘文本,定义用户的输入

<label>标签为

<input> 元素定义标注(标记)

<q>定义短的引用

<samp></samp>定义样本文本,定义程序的输出

<select>创建单选或多选菜单<small>呈现小号字体效果

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

<strong>语气更强的强调的内容

<sub>定义下标文本

<sup>定义上标文本

<textarea>多行的文本输入控件

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

<var></var>定义变量

 

块级元素列表:

<address>定义地址

<caption>定义表格标题

<dd>定义列表中定义条目

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

<dl>定义列表

<dt>定义列表中的项目

<fieldset>定义一个框架集

<form>创建 HTML 表单

<h1>定义最大的标题

<h2>定义副标题

<h3>定义标题

<h4>定义标题

<h5>定义标题

<h6>定义最小的标题

<hr>创建一条水平线

<legend>元素为 

<fieldset>元素定义标题

<li>标签定义列表项目

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

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

<ol>定义有序列表

<ul>定义无序列表

<p>标签定义段落,这个标签让文本按照HTML的标准显示(所有空格合并成一个空格),但是现实中并不需要这样,我们可以使用下面的这个标签<pre>所见即所得

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

<table>标签定义 HTML 表格

<tbody>标签表格主体(正文)

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

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

<th>定义表头单元格

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

<tr>定义表格中的行


1. 块级元素:一般都是从新行开始,它可以容纳行内元素和其他块元素,常见块级元素比如`div/p`等。“form”这个快元素比较特殊,他只能来容纳其他块元素

2. 行内元素:也叫做内联元素,一般都是语义级别的基本元素,内联元素一般只能容纳文本或者其他内联元素。

块元素(block element)和内联元素(inline element)都是html规范中的概念。

块元素和内联元素的基本差异是块元素一般都是从新行开始的。

而当加了css控制以后,块元素可以变为内联元素,内联元素也可以变为块元素。

二,块级元素和内联元素的区别

1.    块级元素会独占一行,其宽度自动填满其父元素宽度

       行内元素不会独占一行,相邻的行内元素会排列到同一行里,直到一行排不下,才会换行,其宽度随元素的内容变化而变化

2. 一般情况下,块级元素可以设置width,height属性,行内元素设置width,height无效

  (注意,块级元素设置了width宽度属性后仍然是独占一行的)

3. 块级元素可以设置margin,padding属性

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

 

为什么呢?HTML的地盘HTML做主

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

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

相关文章

android光传感实现摩斯密码,根据莫尔斯代码 - Android的闪烁闪光。 如何避免ANR次数由于睡觉? (火炬APP)...

所以&#xff0c;我做了一个火把应用...正常火炬功能完全正常&#xff0c;没有任何问题。下面介绍以下功能&#xff0c;可能会导致可能的ANR的说&#xff0c;我想通过闪烁的闪光灯发出SOS信息(莫尔斯电码)。 (其111-000-111)&#xff0c;所以它开 - 开 - 开 - 关 - 关 - 和重复…

mysql select count 5万条数据很慢_mysql亿级数据数据库优化方案测试银行交易流水记录的查询...

点击上方△蓝字关注我们带你征服编程和泡妞两座大山对MySQL的性能和亿级数据的处理方法思考&#xff0c;以及分库分表到底该如何做&#xff0c;在什么场景比较合适&#xff1f;比如银行交易流水记录的查询限盐少许&#xff0c;上实际实验过程&#xff0c;以下是在实验的过程中做…

HTML的引用

<q></q>定义比较短的引用&#xff0c;直接加双引号 <blockquote cite"来源的网址"</blockquote>浏览器用缩进的形式显示该段文本 HTML5强调&#xff1a;语义与现实分离&#xff08;意思是说写好的东西普普通通&#xff0c;但是可以通过另外的…

html中如何让图片交错,HTML5/Canvas 光圈交错幻觉

JavaScript语言&#xff1a;JaveScriptBabelCoffeeScript确定// RequestAnimationFrame shim by Paul Irishwindow.requestAnimFrame (function() {return window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||window.mozRequestAnimationFrame ||function(…

jvm垃圾回收机制_干货|JVM垃圾回收机制

前言不同于C程序员必须自己完成内存的分配、使用和释放&#xff0c;JAVA语言提供了垃圾回收机制(GC&#xff0c;Garbage Collection)&#xff0c;所以JAVA程序员仅需要负责分配和使用内存即可&#xff0c;而释放内存则由GC负责。这样程序员就从讨厌的内存管理的工作中脱身了。本…

HTML的格式化应用

<del></del>在文本中增加删除线,但是是非错误的内容 <ins></ins>在文本中增加下划线表示插入的内容 通常del和ins成双出现(删除线和插入线) <s></s>也是在文本中增加删除线&#xff0c;但是是错误的内容需要删除 <u></u>在…

html td装满图片,HTML:桌子上的Td不满

我使用引导程序并创建标题固定表和滚动高度。我想制作一张桌子&#xff0c;其中td将随着屏幕尺寸扩展。我在哪里错了&#xff1f;当我使用IE dev工具分析整个内容时&#xff0c;我看到&#xff0c;如果td高度不包含数据&#xff0c;则td高度将略小于表格(***我不想在td中固定高…

HTML的列表说明

<ul></ul>无序列表&#xff08;Unordered List&#xff09; <ol></ol>有序列表 (Ordered List) <li> 标签定义列表项目。 <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中 两个常用的CSS列表属性 CSS3帮助文档 li…

计算机考试网络应用题一定要做到ie浏览器,网络远程教育统考单项练习:计算机应用基础之Internet应用部分(二)...

计算机考试的分数提高离不开日常的练习&#xff0c;下面&#xff0c;就做几道Internet应用部分的题目练习和巩固一下吧&#xff01;1、在IE9浏览器中按地址栏后的“停止”按钮&#xff0c;浏览器将会______。A.中断正在浏览的web页的连接B.关闭该web页的页面C.关闭浏览器窗口D.…

javascript实现图片轮播_第2章 第9节 JavaScript(四)

● 知道哪些ES6&#xff0c;ES7的语法参考回答&#xff1a;promise&#xff0c;await/async&#xff0c;let、const、块级作用域、箭头函数● promise和await/async的关系参考回答&#xff1a;都是异步编程的解决方案● 问了一段js代码&#xff0c;输出结果是什么● js的数据类…

HTML的HTTP 中 GET 与 POST 的区别

99% 的人都理解错了 HTTP 中 GET 与 POST 的区别&#xff08;转&#xff09;转自&#xff1a;WebTechGarden 微信公众号GET 和 POST 是 HTTP 请求的两种基本方法&#xff0c;要说它们的区别&#xff0c;接触过 WEB 开发的人都能说出一二。最直观的区别就是 GET 把参数包含在 UR…

利用计算机可产生随机数,一种利用计算机生成随机数的方法

一种利用计算机生成随机数的方法(2012-07-16 23:22:33)标签&#xff1a;随机数函数数值计数器程序运行杂谈这里介绍一种利用计算机生成随机数的方法&#xff0c;微机都有系统计数器记录自运行开始以来的脉冲数&#xff0c;这是个规律变化的数字&#xff0c;只用它是不能产生随机…

python教材知乎_python大学里用哪本教材比较好?

看这本 英文好的话&#xff0c;不需要买书&#xff0c;看该书的英文电子版&#xff0c;免费的。 《How to Think Like a Computer Scientist- Learning with Python 3》 下载地址&#xff1a;https://github.com/pythonpeixun/article/blob/master/books/How%20to%20Think%20Li…

每天最重要的2小时

每天最重要的2小时 各位优秀的同学们&#xff0c;大家早上好&#xff01; 真的特别开心&#xff0c;我们还能继续相约YY空中平台一起学习。一个人走得快&#xff0c;一群人才能走得远。 我是来自一组的金鱼&#xff0c;就是那位拥有“七世记忆”的金鱼&#xff0c;原产地美…

html360度视角观赏,360度全景图是如何生成的?

360度全景图是如何生成的?360度全景图以其生动的交互和沉浸的体验&#xff0c;一直深受很多摄影爱好者的喜欢。不过对于普通的观赏者而言&#xff0c;这种可以360度自由观看的图片&#xff0c;还是具有神奇的魅力。今天&#xff0c;我就讲一讲一张360度全景图是如何生成的吧!普…

未结束的字符文字_PAT B1042:字符统计

题目描述&#xff1a;请编写程序&#xff0c;找出一段给定文字中出现最频繁的那个英文字母。输入格式&#xff1a;输入在一行中给出一个长度不超过 1000 的字符串。字符串由 ASCII 码表中任意可见字符及空格组成&#xff0c;至少包含 1 个英文字母&#xff0c;以回车结束&#…

圣诞表白html,圣诞节表白,最浪漫的表白方式

圣诞节是一个浪漫的节日&#xff0c;红色的圣诞&#xff0c;白色的你们&#xff0c;再适合表白不过了。那么&#xff0c;圣诞节表白&#xff0c;最浪漫的表白方式有哪些呢?和小编一起来看看吧!圣诞节表白1.看着梦幻的圣诞彩灯说“我能喜欢你吗”冬夜绚丽彩灯下的告白&#xff…

怎么发朋友圈才是合适和得体的?

怎么发朋友圈才是合适和得体的&#xff1f; 怎么发朋友圈才是合适和得体的&#xff1f;这个问题估计困扰了不少人。其实你转换一下想法&#xff0c;你作为别人朋友圈的读者&#xff0c;希望看到的是什么内容&#xff1f; 1.这人最近在忙什么&#xff1f; 有没有可能合作。 …

python 3d绘图库_python – 用于科学3d绘图的Mayavi的替代品

在没有令人满意的第一个答案和无法解释的downvote之后编辑&#xff1a; 我需要绘制一个在3D网格中构造的标量字段,如下所示&#xff1a; import numpy as np from mayavi import mlab dt 10 X,Y,Z np.mgrid[0:dt,0:dt,0:dt] F X**2Y**2Z**2 test mlab.figure(size (1024,7…

GIS要学哪种计算机语言,做好一名ArcGIS开发人员所需要掌握的知识

一、 ArcGIS技术&#xff1a;掌握ArcGIS全系产品(ArcGIS Desktop,ArcGIS Server,ArcGIS Engine,ArcSDE,ArcGIS Android,ArcGIS Flex API,ArcGIS Silverlight API&#xff0c;ArcGIS JavaScript API)应用设计、开发、部署。RIA架构GIS技术体系&#xff1a;1、掌握ArcGIS API fo…