HTML基础元素辨析

一. div 与 span

—— division的缩写,分区
div和span的最大特点就是默认都没有对元素内的对象进行任何格式化渲染。
共同点:主要用于应用样式表
不同点:div是块级元素,span是行内元素
块级元素是指以另起一行开始渲染的元素,行内元素进行渲染是则不需要另起一行。
联系:块级元素和行内元素也不是一成不变的,通过定义css的display属性值可以相互转化

二. ul 与 ol

    —— ordered list, 有序列表
      —— unordered list,无序列表
    • —— list item,列表项目
      html中的列表包括有序列表,无序列表和自定义列表
      1. 有序列表

      1. 第一步
      2. 第二步
      3. 第三步

      以上代码中,

        用来定义有序列表,
      1. 用来定义列表项

        1. first step
        2. second step
        3. third step

          中的start属性可以指定有序列表的起始序号
          注意:start属性只能定义在
            标签内

            1. 第一步
            2. 第二步
            3. 第三步
            4. 第四步
            5. 第五步

            如以上代码所示,可以通过改变type的属性值渲染出不同类型的有序列表
            注意:type属性可以定义在

              中,也可以定义在
            1. 2. 无序列表

              • 手机
              • 电脑
              • 计算机

              上述代码中,

                用来定义无序列表,
              • 用来定义列表项

                • 手机
                • 电脑
                • 计算机

                可以通过type属性来指定列表项前的形状
                注意:type属性可以定义在

                  中,也可以定义在
                • 3. 自定义列表

                  —— define list, 定义列表
                  ——define list title, 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题
                  ——define list define , 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明 文字段。dd是对应dt的简短说明或解释。

                  计算机
                  用来计算的仪器 ... ...
                  显示器
                  以视觉方式显示信息的装置 ... ...

                  三. a 与 img

                  标签
                  ——anchor 的缩写。anchor ['æŋkə] 基本解释 n. 锚

                  w3school
                  w3school
                  w3school
                  w3school
                  w3school

                  href 属性规定链接的目标 URL
                  target 属性规定在何处打开目标 URL。仅在 href 属性存在时使用。

                  标签

                  ![](./smile.jpg)```
                  src 规定显示图像的URL, alt 规定图像的替代文本,
                  width, height 分别规定图像的宽度和高度
                  
                  **创建图片链接**
                  

                  创建图片链接:


                  ####四. form,input 与button
                  #####1. form
                  form标签有两个常用属性:action 和 method
                  **action**  规定当提交表单时向何处发送表单数据
                  **method**    规定用于发送表单数据的 HTTP 方法(get, post)
                  


                  userName:

                  passWord:



                  `
                  `元素中可以包含一个或多个如下的表单元素: ``,`