htm中几种元素的介绍

本文讲的是关于htm中几种元素的介绍,那么我们先来了解以下什么是html吧!

html的英文全称是 Hyper Text Markup Language,也被称为超文本标记语言。它是一种标识性的语言,包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。它能独立于各种操作系统平台(如UNIX, Windows等)。使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。通俗一点来说,我们现在网页上见到的内容都是通过编写html页面展示出来的。

介绍完了html,下面我们来看看html中常见的几种元素吧。

  1. 块级元素:块级元素是html规范中的一种概念,块级元素一般都从新行开始,相邻的块级元素将会在不同行显示。形如常见的div h1-h6 ul li ol dl dt dd table form等等标签,都是块级元素。
    特点:1.占据父元素的整个横向空间,即父元素的宽度是多少,它的宽度就是多少。
               2.对块级元素设置宽高有效果
               3.设置内外边距有效果,但是外边距有合并的问题,可以通过只设置每个块级元素单个方向的外边距来避免这个问题。

  2. 内联元素:内联元素又可以叫做行内元素。为了帮助理解,可以形象的称为“文本模式”,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。常见的内联元素有:a span i等等。
    特点:1.宽度和高度由内容决定,即内容有多大,宽度和高度就有多少。
               2.设置宽度和高度无效
               3.设置内边距的上下方向是无效的,但是左右有效果。

  3. 替换元素:替换元素所显示的内容,需要浏览器根据元素的属性去判断。举个例子:<input type="text">,这是一个文本输入框,将里面的type换成其他属性的时候,浏览器显示就不一样,这就要是为什么浏览器要根据元素的属性去判断内容了。形如是替换元素的标签还有:<img>、<textarea>、<select>、<object>,然而这些元素都没有实际的内容。
    特点:1.宽度和高度由自身决定,或者是由自身类型决定。
               2.设置宽度高度有效。

当然,这些元素是可以通过设置相互转化的,其属性特点也会随之改变。

以上仅为本人的一点理解,不足之处欢迎指正!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值