HTML常用的标签中,行内元素和块级元素

从零学习前端开发 2018-01-02

块元素(block element) HTML标签分类明细 <br />    * address - 地址 <br />    * blockquote - 块引用 <br />    * center - 举中对齐块 <br />    * dir - 目录列表 <br />    * div - 常用块级容易,也是css layout的主要标签 <br />    * dl - 定义列表 <br />    * fieldset - form控制组 <br />    * form - 交互表单 (只能用来容纳其它块元素) <br />    * h1 - 大标题 <br />    * h2 - 副标题 <br />    * h3 - 3级标题 <br />    * h4 - 4级标题 <br />    * h5 - 5级标题 <br />    * h6 - 6级标题 <br />    * hr - 水平分隔线 <br />    * isindex - input prompt <br />    * menu - 菜单列表 <br />    * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容 <br />    * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容) <br />    * ol - 排序表单 <br />    * p - 段落 <br />    * pre - 格式化文本 <br />    * table - 表格 <br />    * ul - 非排序列表<br /><br />内联元素(inline element) HTML标签分类明细 <br />    * a - 锚点 <br />    * abbr - 缩写 <br />    * acronym - 首字 <br />    * b - 粗体(不推荐) <br />    * bdo - bidi override <br />    * big - 大字体 <br />    * br - 换行 <br />    * cite - 引用 <br />    * code - 计算机代码(在引用源码的时候需要) <br />    * dfn - 定义字段 <br />    * em - 强调 <br />    * font - 字体设定(不推荐) <br />    * i - 斜体 <br />    * img - 图片 <br />    * input - 输入框 <br />    * kbd - 定义键盘文本 <br />    * label - 表格标签 <br />    * q - 短引用 <br />    * s - 中划线(不推荐) <br />    * samp - 定义范例计算机代码 <br />    * select - 项目选择 <br />    * small - 小字体文本 <br />    * span - 常用内联容器,定义文本内区块 <br />    * strike - 中划线 <br />    * strong - 粗体强调 <br />    * sub - 下标 <br />    * sup - 上标 <br />    * textarea - 多行文本输入框 <br />    * tt - 电传文本 <br />    * u - 下划线 <br />    * var - 定义变量<br /><br />可变元素  HTML标签分类明细 <br />    * applet - java applet   <br />    * button - 按钮   <br />    * del - 删除文本   <br />    * iframe - inline frame   <br />    * ins - 插入的文本   <br />    * map - 图片区块(map)   <br />    * object - object对象   <br />    * script - 客户端脚本<br /><br />总结:1.块级元素 block 如 div h1 p ul li等 会换行 想在同一行显示 <br />需浮动或者display: inline<br /><br />2.行级元素 inline 如 a span b 多个可以并排显示 默认设置宽度是不起作用 <br />需设置 display: inline-block或者block才行。<br /><br />转载引用--百度知道<br />https://zhidao.baidu.com/question/748788609892135092.html

相关推荐