美文网首页ThoughtWorks创新实验室
HTML之浅谈块元素和内联元素

HTML之浅谈块元素和内联元素

作者: 落花的季节 | 来源:发表于2016-11-14 19:53 被阅读27次

    什么是块元素(block element)?什么是内联元素(inline element)?

    • 块元素前后都有换行,和前后元素都不在一行。
    • 内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”。这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

    特点

    • 块元素特立独行
    • 块元素是网页的主要构建模块
    • 内联元素随波逐流

    块元素:

    • p-段落,
    • table-表格
    • blockquote-引用
    • center-居中对齐
    • dir-目录列表
    • div-常用块级标签,
    • form-表单
    • h1-标题(6个级别)
    • hr-水平分割线
    • isindex- input prompt
    • menu-菜单列表
    • ol-排序列表
    • pre-格式化文本
    • ul-无序列表

    内联元素:

    • abbr-缩写
    • acronym-首字
    • b-粗体
    • big-大字体
    • br-换行
    • cite-引用
    • code-引用代码
    • dfn -定义字段
    • em-强调
    • i-斜体
    • img-图片
    • input-输入框
    • label-表格标签
    • q-行内引用
    • s-中划线
    • select-项目选择
    • small-小字体
    • span -常用内联容器,定义文本内区块,
    • strike-中划线
    • strong-粗体强调
    • sub -下标
    • sup-上标
    • a-锚点
    可变元素(根据上下文关系确定该元素是块元素或者内联元素)
    • applet – java applet
    • button – 按钮
    • del – 删除文本
    • iframe – inline frame
    • ins – 插入的文本
    • map – 图片区块(map)
    • object – object对象
    • script – 客户端脚本

    相关文章

      网友评论

      • 6d96978eeefb:写的不错,看起来挺清楚的。

        一个小问题,块元素和内联元素能不能写出它们对应的英文单词?这样对于我想以他们为关键字去搜索资料,可能更方便一些。

      本文标题:HTML之浅谈块元素和内联元素

      本文链接:https://www.haomeiwen.com/subject/zyxnuttx.html