行内元素有哪些 块级元素和行内元素有哪些
2023-11-18 【 字体:大 中 小 】
行内元素有:a–锚点;abbr–缩写;acronym–首字;b–粗体(不推荐);bdo–bidi override;big–大字体;br–换行;cite–引用。code–计算机代码(在引用源码的时候需要);dfn–定义字段;em–强调;font–字体设定(不推荐);i–斜体;img–图片。input–输入框。
行内元素特点:
和其他元素都在一行上;高度、行高和顶以及底边距都不可改变;宽度就是它的文字或图片的宽度,不可改变。
总的来说,内联元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。
块级元素:
address-地址;blockquote-块引用;center-居中对齐块;dir-目录列表;div-常用块级容器,也是css layout的主要标签;dl-定义列表。
fieldset-form控制组;form-交互表单;h1-大标题;h2-副标题;h3-3级标题;h4-4级标题;h5-5级标题;h6-6级标题;hr-水平分隔线。
isindex-input prompt;menu-菜单列表;noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容)。
noscript-可选脚本内容(对于不支持script的浏览器显示此内容);ol-排序表单;p-段落;pre-格式化文本;table-表格;ul-非排序列表(无序列表)。
![](/zhuarun/static/images/ndArrow.png)
猜你喜欢
![将一张圆形纸对折三次后展开可以得到哪些度数的角 将一张圆形纸对折三次后展开可以得到哪些度数的角视频](/zhuarun/static/images/default.jpg)
将一张圆形纸对折三次后展开可以得到哪些度数的角 将一张圆形纸对折三次后展开可以得到哪些度数的角视频
![](/zhuarun/static/images/watch.png)
![四种材料的餐具的特点答案 研究四种不同餐具的特点](/zhuarun/static/images/default.jpg)
四种材料的餐具的特点答案 研究四种不同餐具的特点
![](/zhuarun/static/images/watch.png)
![共饮造句 共饮的造句](/zhuarun/static/images/default.jpg)
共饮造句 共饮的造句
![](/zhuarun/static/images/watch.png)
![百业俱兴造句 百业俱兴的造句](/zhuarun/static/images/default.jpg)
百业俱兴造句 百业俱兴的造句
![](/zhuarun/static/images/watch.png)
![饮于河渭的河是什么 饮于河渭的河指什么](/zhuarun/static/images/default.jpg)
饮于河渭的河是什么 饮于河渭的河指什么
![](/zhuarun/static/images/watch.png)
![韦编三绝告诉我们什么道理 韦编三绝告诉了我们什么道理](/zhuarun/static/images/default.jpg)
韦编三绝告诉我们什么道理 韦编三绝告诉了我们什么道理
![](/zhuarun/static/images/watch.png)
![最早提出教育学这一概念的是 最先提出教育学这个概念的是](/zhuarun/static/images/default.jpg)
最早提出教育学这一概念的是 最先提出教育学这个概念的是
![](/zhuarun/static/images/watch.png)
![春风杨柳万千条全诗 春风杨柳万千条全诗意思](/zhuarun/static/images/default.jpg)
春风杨柳万千条全诗 春风杨柳万千条全诗意思
![](/zhuarun/static/images/watch.png)
![凉州词的诗意 凉州词的诗意简短一点](/zhuarun/static/images/default.jpg)
凉州词的诗意 凉州词的诗意简短一点
![](/zhuarun/static/images/watch.png)
![sin45°等于多少 sin45°等于多少怎么算](/zhuarun/static/images/default.jpg)
sin45°等于多少 sin45°等于多少怎么算
![](/zhuarun/static/images/watch.png)
![](/zhuarun/static/images/info2.png)
漫威电影《惊奇队长2》正在热映,IMAX版部分场景多达26%画面内容
![漫威电影《惊奇队长2》正在热映,IMAX版部分场景多达26%画面内容](https://obj.pipi.cn/content-platform/opt/sphinx_statics/images/upload_7398b79a09a4d11a2383f4dcac0d0170.jpeg?imageView2/1)
![](/zhuarun/static/images/info2.png)
腾讯音乐成为北京国际电影节唯一音乐合作伙伴 推出首个国际化专项“电影音乐扶持计划”
![腾讯音乐成为北京国际电影节唯一音乐合作伙伴 推出首个国际化专项“电影音乐扶持计划”](/d/file/p/6fe0f09fce79739e11fabee05ebd3199.jpg)
![](/zhuarun/static/images/info2.png)
高中生穿搭指南 高中生的穿搭造型推荐
![高中生穿搭指南 高中生的穿搭造型推荐](https://imgzb.yxlady.com/202008/19/0916028668.jpeg)
![](/zhuarun/static/images/info2.png)
盖娅致裳国潮“琇”,“五一”惊艳前门大街
![盖娅致裳国潮“琇”,“五一”惊艳前门大街](https://image.danews.cc/upload/doc/20210507/609522525bbc0.png)
![](/zhuarun/static/images/info2.png)
种草|下一个红毯发光女王就是你!
![种草|下一个红毯发光女王就是你!](https://www.yunyingxbs.com/public/uploads/20210604/60b98f655dd86.jpeg)
![](/zhuarun/static/images/info2.png)
聂耳母校三校联动走进影院 同心齐唱《为国而歌》
![聂耳母校三校联动走进影院 同心齐唱《为国而歌》](/d/file/p/2021/06-16/fcf2d197dda486c5ce290edf1869fa7f.jpg)