零基础学做网站培训介绍

当前位置:

HTML行内元素和块状元素有哪些?以及区别

以下为学做网站论坛关于“HTML行内元素和块状元素有哪些?以及区别”讲解视频教程。

在我们的html视频教程,给大家介绍了很的HTML标签。在所有的HTML标签中,可以把这些HTML标签分为二大类,就是HTML块状元素和行内元素,他们各自特点,在网站制作过程中它们会起着各自的作用。

HTML行内元素和块状元素

HTML块状元素特点:

HTML块状元素独占一行,可控制大小。

可以设置margin、padding属性

HTML块状元素有哪些?

  • address – 地址
  • blockquote – 块引用
  • center – 举中对齐块
  • dir – 目录列表
  • div – 常用块级容易,也是css layout的主要标签
  • dl – 定义列表
  • fieldset – form控制组
  • form – 交互表单
  • h – 标题标签
  • hr – 水平线 HR标签
  • isindex – input prompt
  • menu – 菜单列表
  • noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容
  • noscript – 可选脚本内容(对于不支持script的浏览器显示此内容)
  • ol – HTML列表标签
  • p – 段落标签
  • pre – 格式化文本
  • table – 表格
  • ul – 非排序列表

 

HTML行内元素特点:

HTML块状元素不独占一行,不可控制大小。

仅可设置margin、padding的左右属性

HTML行内元素有哪些?

  • a – a标签
  • abbr – 缩写
  • acronym – 首字
  • b – html粗体标签
  • bdo – bidi override
  • big – 大字体
  • br – Br换行标签
  • cite – 引用
  • code – 计算机代码(在引用源码的时候需要)
  • dfn – 定义字段
  • em – 强调
  • font – 字体设定(不推荐)
  • i – 斜体
  • img – img图片标签
  • input – 输入框
  • kbd – 定义键盘文本
  • label – 表格标签
  • q – 短引用
  • s – 中划线(不推荐)
  • samp – 定义范例计算机代码
  • select – 项目选择
  • small – 小字体文本
  • span – 常用内联容器,定义文本内区块
  • strike – 中划线
  • strong – 粗体强调
  • sub – 下标
  • sup – 上标
  • textarea – 多行文本输入框
  • tt – 电传文本
  • u – 下划线
  • var – 定义变量

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • 在我们的html视频教程,给大家介绍了很的HTML标签。在所有的HTML标签中,可以把这些HTML标签分为二大类,就是HTML块状元素和行内元素,他们各自特点,
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 这个网站挺好看的。我是现按照老师教的仿站课程作的。只要按照课程的方法去做,很容易把网站仿下来。在制作模板时,问题有3个:第1;导航出
  • 随着win7/win8/win10操作系统的普及,一些软件出现了不兼容的情况,有些学员在下载安装APMServ5.2.6本地环境时,出现了无法启动的情况,这可能是由于
  • 我们都知道做网站之前,购买存放网站内容的空间是前提。我们把存放网站内容的地方分为三个类别:虚拟主机,VPS,服务器。下面来了解一下虚拟
  • DW与WP有什么区别 图文教程 (115139 次浏览)
    很多学做网站学员都有这样的疑惑,弄不清dreamweaver和wordpress有什么区别?这是由于他们在学习做网站过程中没有很好的理解这二个东东。容易被二者的