HTML+CSS基础学习-认识标签

div

可定义文档中的分区或节(division/section)。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记
,那么该标签的作用会变得更加有效。

div标签中内容相当于一个独立的逻辑部分,属于块级元素。

table

标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

相当于整个表格的根标签
  • 表头内容
  • 表格主体,用于组合HTML表格的主体内容,应与结合起来使用
  • 表注(页脚)内容
  • 表格的一行
  • 表格标题,必须紧跟table开始标签之后
  • 标准单元格
  • 表头单元格

    thead、tbody、tfoot标签使用的话必须全部使用,并且出现的次序是:thead、tbody、tfoot,在table内部使用。

    a

    
    

    标签定义超链接,用于从一个页面跳到另一个页面,跳到的页面由属性href设定,重要属性还有target设置何处打开链接文档,如_self当前页面打开,_blank新页面打开,title文本内容,用于描述链接地址的内容,鼠标停留在链接文字上时,会显示该文本内容,实际网页开发中作用很大,方便搜索引擎了解所链接地址的内容,语义化更友好。另外还可以链接Email地址,使用mailto,详细如图:

    img

    替代描述文字
    

    图片标签,使用向网页中插入图片。主要属性有:

    • src 标识图像的位置
    • alt 图像的描述性文本,当图片不可见时,将显示该文本
    • title 图像的描述,当鼠标停留图像上是显示

    form

    ...

    标签用于为用户输入创建 HTML 表单,用于向服务器传输数据。主要属性:

    • action 数据将被传送的地方,一个服务端地址。
    • method 数据传输的方式,分GET和POST。

    表单的所有控件必须放在

    标签之间,常用控件有文本框、文本域、单选框、复选框等。

    input

    主要属性:

    • type 指定input框类型。
      type="text" --> 文本输入框
      type="password" --> 密码输入框
      type="radio" --> 单选框
      type="checkbox" --> 复选框
      type="submit" --> 提交按钮,提交表单信息
      type="reset" --> 重置按钮,重置表单信息到初始时的状态

    • name 为文本框命名,备后台程序使用。

    • value 设置默认值

    当type为radio/checkbox时,可设置checked属性,控制是否默认选中。同一组单选按钮,name取值一定要一致。

    textarea

    文本域,多行文本输入。语法:

    
    

    select

    
    

    下拉列表选择框,selected="selected"设置默认选中。在select标签中设置multiple="multiple"属性,可实现多选功能,但基本上没人使用。

    label


    标签为 input 元素定义标注(标记).
    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
    标签的 for 属性应当与相关元素的 id 属性相同。

    其他

    • 文章的段落,一个p标签就是一个段落。

    • 文章的标题,h1~6六个,分别为一到六级标题,并且重要性递减。
    • 表示强调语气,浏览器中默认斜体样式。
    • 表示强调语气,比em更强烈,浏览器默认粗体样式显示。
    • 没有语义
    • 短文本引用
    • 长文本引用

    • 换行

    • 用于分隔的水平横线
    • 地址信息
    • 行级代码
    •  段级代码
      • /
      • 无序列表
        1. /
        2. 有序列表

      你可能感兴趣的:(HTML+CSS基础学习-认识标签)