html:常见行内标签,常见块级标签,常见自闭合标签
本文内容:
- 常见行内标签
- 常见块级标签
- 常见自闭合标签
首发日期:2018-02-12
修改:
- 2018-04-25:删除了不常用的标签
常见行内标签:
什么是行内标签:
- 行内标签就是在页面内只占据刚好能包裹自己内容的空间
- 设置宽高属性值不生效,只依靠内容来决定大小
- 行内标签转换为块级标签:style:"display:block"
常见常见行内标签:
- <a>:标签可定义锚
- <b>:字体加粗
- <big>:大号字体加粗
- <br>:换行
- <cite>:引用进行定义
- <code>:定义计算机代码文本
- <em>:定义为强调的内容
- <i>:斜体文本效果
- <img>:向网页中嵌入一幅图像
- <input>:输入框
- <label>:标注标签
- <select>:创建单选或多选菜单
- <small>:呈现小号字体效果
- <span>:组合文档中的行内元素
- <strong>:语气更强的强调的内容
- <textarea>:多行的文本输入控件
常见块级标签:
什么是块级标签:
- 块级标签就是占据整行内容的标签【如果溢出到下一行,下一行也占据】
- 块级标签转换为行内标签:display:inline;
常见块级标签
- <caption>定义表格标题
- <dd>定义列表中定义条目
- <div>定义文档中的分区或节
- <dl>定义列表
- <dt>定义列表中的项目
- <form>创建 HTML 表单
- <h1>定义最大的标题
- <h2>定义副标题
- <h3>定义标题
- <h4>定义标题
- <h5>定义标题
- <h6>定义最小的标题
- <hr>创建一条水平线
- <legend>元素为
- <li>标签定义列表项目
- <ol>定义有序列表
- <ul>定义无序列表
- <p>标签定义段落
- <table>标签定义 HTML 表格
常见行内块标签:
- 这些标签兼具了行内和块级标签的特点,可以设置宽高和对齐属性
- 例如:
- input【理论上是行内标签,但是可以设置大小】
- img【理论上是行内标签,但是可以设置大小】
- td【理论上是行内标签,但是可以设置大小】
常见自闭合标签:
- <input>:定义一个输入框
- <meta>:提供有关页面的元信息
- <link>:定义文档与外部资源之间的关系,通常用来连接样式表
- <br>:用来换行
- <hr>:定义一个水平线
- <img>:定义 HTML 页面中的图像
html:常见行内标签,常见块级标签,常见自闭合标签的更多相关文章
- 前端-CSS-7-标准文档流&行内元素和块级元素转换
1.什么是标准文档流 <!-- 什么是标准文档流 宏观的将,我们的web页面和ps等设计软件有本质的区别 web 网页的制作 是个“流” 从上而下 ,像 “织毛衣” 而设计软件 ,想往哪里画东 ...
- 04. H5标签有哪些?行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?你工作中常用标签有什么?
4. H5标签有哪些? 2)行内元素有哪些? a - 锚点 em - 强调 img - 图片 font - 字体设定 ( 不推荐 ) i - 斜体 input - 输入框 3)块级元素有哪些? add ...
- HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)
一.转义字符由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响.<对应 ...
- img标签到底是行内元素还是块级元素
面试官问你<img>是什么元素时你怎么回答 写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够 ...
- CSS设置行内元素和块级元素的水平居中、垂直居中
CSS设置行内元素的水平居中 div{text-align:center} /*DIV内的行内元素均会水平居中*/ CSS设置行内元素的垂直居中 div{height:30px; line-heigh ...
- HTML行内元素与块级元素有哪些及区别详解
转自 https://www.jb51.net/web/724286.html 这篇文章主要介绍了HTML行内元素与块级元素有哪些及区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具 ...
- css——行内元素和块级元素的具体区别与行内块元素
(学习笔记) 行内元素(inline)和块级元素(block)都是display属性的值.要知道行内元素和块级元素的区别,首先要了解他们的特性. 行内元素的特性:“行内”,顾名思义,在一行之内,所以相 ...
- CSS行内元素和块级元素的居中
一.水平居中 行内元素和块级元素不同,对于行内元素,只需在父元素中设置text-align=center即可; 对于块级元素有以下几种居中方式: 1.将元素放置在table中,再将table的marg ...
- C#基础-css行内元素、块级元素基础
一.行内元素与块级元素 块级元素列表 <address> 定义地址 <caption> 定义表格标题 <dd> 定义列表中定义条目 <div> 定义文档 ...
- 行内元素和块级元素的具体区别是什么?inline-block是什么?(面试题目)
一,行内元素与块级元素的区别: 1.行内元素与块级元素直观上的区别二.行内元素与块级元素的三个区别 行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列. 块级元素各占据一行 ...
随机推荐
- Github page搭建博客使用自定义插件的方法
Github page的后台程序是由Jekyll搭建,但由于Github的保护措施,非认证的plugin一般不会被Github page支持,但可以使用一些小技巧来绕过屏蔽. 以个人page为例,个人 ...
- Work Queues
Round-robin dispatching 默认情况下,RabbitMQ按顺序分发消息给下一个消费者.平均每个消费者会得到相同数量的消息. Message acknowledgment 为了确保消 ...
- ajax实现文档导出及下载
做导出一直遇到个问题就是不能用ajax实现一步导出文档,即导出加下载.今天突然想到可以分开来做就上网搜了下,发现一篇比较不错的文章(http://www.cnblogs.com/zj0208/p/59 ...
- TensorFlow中的通信机制——Rendezvous(一)本地传输
背景 [作者:DeepLearningStack,阿里巴巴算法工程师,开源TensorFlow Contributor] 在TensorFlow源码中我们经常能看到一个奇怪的词——Rendezvous ...
- Netty 粘包 & 拆包 & 编码 & 解码 & 序列化 介绍
目录: 粘包 & 拆包及解决方案 ByteToMessageDecoder 基于长度编解码器 基于分割符的编解码器 google 的 Protobuf 序列化介绍 其他的 前言 Netty 作 ...
- 【转载】PhpStudy修改网站根目录
phpStudy是一个PHP调试环境的程序集成包.该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便.好用的 ...
- 从零开始学安全(八)●Ubuntu 16 LAMP环境搭建
1.Apache2 web 服务器的安装 : 可以先更新一下服务器 sudo apt-get update # 获取最新资源包sudo apt-get upgrade # 本机软件全部更新sudo a ...
- 【worker】js中的多线程
因为下个项目中要用到一些倒计时的功能,所以就提前准备了一下,省的到时候出现一下界面不友好和一些其他的事情.正好趁着这个机会也加深一下html5中的多线程worker的用法和理解. Worker简介 J ...
- mybatis_08 mybatis与hibernate的区别
这个问题常常被面试官当做面试题 mybatis与hibernate喜忧参半,各有特点 Mybatis技术特点: 好处: 1. 通过直接编写SQL语句,可以直接对SQL进行性能的优化: 2. 学习门 ...
- Java学习笔记之——方法重载
方法重载: overload 1. 方法签名 组成:方法名(参数列表) 参数列表不同分为哪些情况? (1)有无参数 (2)参数的类型 (3)参数的个数 (4)参数的顺序(前提是类型不一样) 2.方法重 ...