zoukankan      html  css  js  c++  java
  • HTML--常用的元素,元素分类,分类区别?

    一、简介HTML元素

    HTML文档是由HTML元素定义,HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    开始标签常常被称为起始标签(opening tag),结束标签常常被称为闭合标签(closing tag)。

    二、HTML元素语法

      1.HTML元素以开始标签起始,以结束标签终止,例如:<p>这是一个段落</p>,注意“/”。

      2.元素的内容是开始标签和结束标签之间的内容,例如:<p>这是内容</p>。

      3.没有内容的标签被称为空元素,空元素是在开始标签中关闭的,例如:<br/>,这是一个换行标签。

      4.大多数HTML元素可以拥有属性,这个属性之后再详细说明。

    三、HTML元素分类

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

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

    四、块级元素和行内元素的区别

    块级元素 行内元素
    本身属性为display:block; 本身属性为display:inline;
    独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布 和其他行内元素从左到右在一行显示
    可以直接控制宽度、高度等其他相关css属性,例如(padding系列,margin系列) 不可以直接控制宽度、高度等其他相关css属性,但是可以直接设置内外边距的左右值。
    在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度 行内元素的宽高是由本身内容大小决定的(文字、图片等)。
    在不设置高度的情况下,块级元素的高度是它本身内容的高度 行内元素只能容纳文本或者其他行内元素,不能嵌套块级元素

    五、常用的HTML元素

      标签不区分大小写,但是推荐使用小写 ,(X)HTML 版本中强制使用小写,这样更加严谨

    块级元素 描述 行内元素 描述
    div 常用的块级容器 span 常用的行内元素,定义文本内区块
    h1~h6 主标题、二级子标题、三级子标题..... a 锚点、超链接
    hr 水平分割线 b 文字内容加粗
    menu 菜单列表 strong 文字内容加粗强调
    ol 有序列表 i 文字内容斜体
    ul 无序列表 em 文字内容斜体强调
    li 列表项 br 强制换行
    dl 定义列表 input 文本输入框
    table 表格 textarea 多行文本输入框
    p 段落 img 引入图片
    form 交互表单 select 下拉列表

    2019.06.27 22:11

    明日任务:

    1.编写HTML代码常见错误以及解决方法?

    2.<head></head>都可以放什么,什么作用?

    3.新建网页,练习HTML元素。

  • 相关阅读:
    转:细说一个汉字等于几个字符,以及汉字,字符,字节,位之间的关系
    iOS8 无缝切换WKWebView,借鉴IMYWebview,解决进度条,cookie,本地页面等问题
    ios加载本地html
    如何做一个细心的人
    学习h5(开始)
    JLRoute 使用
    大二下学期学习进度(四)
    求首尾相接的数组的最大子数组和
    大二下学期学习进度(三)
    构建之法阅读笔记01
  • 原文地址:https://www.cnblogs.com/sqyss/p/11099939.html
Copyright © 2011-2022 走看看