zoukankan      html  css  js  c++  java
  • html分类与区别

    超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。那么html元素的分类与区别是什么呢?本文就将对此进行介绍。

    HTML元素

    HTML 元素以开始标签起始,以结束标签终止。元素的内容是开始标签与结束标签之间的内容。某些 HTML 元素具有空内容(empty content)。空元素在开始标签中进行关闭(以开始标签的结束而结束)。大多数 HTML 元素可拥有属性

    标签分类与区别

    html标签(又叫html元素)分为:块级元素和内联级元素(又称为行内元素)

    块级元素

    块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。

    块级元素的特点

    • 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布
    • 可以直接控制宽度、高度以及盒子模型的相关css属性
    • 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
    • 在不设置高度的情况下,块级元素的高度是它本身内容的高度

    常见块级元素

    • div 常用块级元素,CSS-layout的主要标签
    • h1~h6 标题,大标题,副标题,。。。六级标题
    • hr 水平分隔线
    • menu 菜单列表
    • ol 有序列表
    • ul 无序列表
    • li 列表项
    • dl 第一列表
    • dt 定义术语
    • dd 定义描述
    • table 表格
    • p 段落
    • from 交互表单

    内联元素(行内元素)

    内联元素是指本身属性为display:inline;的元素。因为它自身的特点,我们通常使用行内元素来进行文字、小图标(小结构)的搭建。

    内联元素(行内元素)的特点

    • 和其他内联元素从左到右在一行显示
    • 不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
    • 内联元素的宽高是由本身内容的大小决定(文字、图片等)
    • 内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素

    常见内联元素

    • span 常用内联元素,定义文本内区块
    • a 锚点
    • b 加粗
    • strong 加粗强调
    • i 斜体
    • em 斜体强调
    • s 中划线(不推荐)
    • strike 中划线
    • del 文档中已被删除的文本
    • br 强制换行
    • textarea 多行文本输入框
    • input 输入框
    • select 下拉列表
    • label input元素定义标注(标记)
    • img 引入图片
    • sub 下标
    • sup 上标
    • big 大字体文本
    • small 小字体文本
  • 相关阅读:
    【HDU2007】平方和与立方和
    NetCore3.1使用Nexus包管理生成docker镜像(含权限)
    NetCore3.1使用nacos访问阿里云ACM配置中心中KVM加密后的配置
    【架构笔记】基础篇04 数组、队列、链表
    【架构笔记】基础篇03 CPU的运行与其对线程的影响
    【架构笔记】基础篇02 网络模型与细节思维方式构建
    【架构笔记】基础篇01 CPU运行基本原理
    dotnetcore使用selenium爬取svn代码路径目录
    【架构笔记】基础篇 09 简述N种查找算法
    【架构笔记】基础篇 08简述N种排序算法
  • 原文地址:https://www.cnblogs.com/rainbowly/p/12818772.html
Copyright © 2011-2022 走看看