写代码啦
HTML常用标签
回复数(0) 浏览数(14)
{{topic.upvote_count || 0}} 编辑 回复

今天主要给大家介绍下HTML常用的标签

a标签

  1. a 标签是用来链接到其他网页的,又叫做超链接标签
    a的属性有
    • href(hyper reference)
      可选值有
      • 网址
        https://google.com
        http://google.com
        //google.com
      • 路径
        /a/b/c.html
        a/b/c.html
        index.html 或者/index.html
      • 伪元素
        JavaScript:代码
        mailto:邮箱地址
        tel:电话号码
      • id
        href:#xxx(#表示id,. 表示class)
  • target
    可选值
    * _blank 在新窗口打开
    * _self 在现在打开的窗口打开
    * _parent 在窗口的父窗口打开
    * _top 在窗口的顶级窗口打开
    ### table标签
    可选值
    • thead:头部
    • tbody:身部
    • tfoot:脚部
    • tr(table row) :行
    • td:列
    • th:加粗的列
      相关的样式有
    • table-layout
      可选值
      • auto:指每一列的宽度随数字的多少变化
      • fixed :指每一列的宽度固定不变
    • border-collapse:collapse 将表格中的间隙合并
    • border-spacing:0px;表格间的边框间隔为0px
      ### 3. img标签
      作用:发出get请求,展示一张图片
    • 属性
      可选值
    • alt:如果图片显示失败可以在这输入替换的文字
    • height:指图片高度(宽和高只设置一个,另一个就会自动按比例变化)
    • width
    • src(source)
    • 响应时间有
    • onload:加载成功
    • onerror:加载失败

4.form标签

作用:发出get请求或者post请求,然后刷新页面
注意:
  1. form中一定要有type= submit的标签
  2. 属性;
  3. action : 请求get到按传统后面的页面
  4. method:get或者post方法
  5. autocomplete:on/off
  6. target:指向要刷新的页面

5. input标签

type的可选值有:
* text 输入文本框
* color 颜色板
* password 密码
* radio 单选,name必须一致才能保证,单选
* CheckBox 多选,name必须一致
* file 可以选择文件上传
* hidden 看不见

6. 输入框,可调整大小

如果固定大小,可以设置style中的resize:none
也可以设置输入框的大小:width:200px;height:200px;

7. 下拉菜单



今天是加入饥人谷的第13天了
【以上内容版权属于本人和饥人谷所有】

{{topic.upvote_count || 0}}

今天主要给大家介绍下HTML常用的标签

a标签

  1. a 标签是用来链接到其他网页的,又叫做超链接标签
    a的属性有
    • href(hyper reference)
      可选值有
      • 网址
        https://google.com
        http://google.com
        //google.com
      • 路径
        /a/b/c.html
        a/b/c.html
        index.html 或者/index.html
      • 伪元素
        JavaScript:代码
        mailto:邮箱地址
        tel:电话号码
      • id
        href:#xxx(#表示id,. 表示class)
  • target
    可选值
    * _blank 在新窗口打开
    * _self 在现在打开的窗口打开
    * _parent 在窗口的父窗口打开
    * _top 在窗口的顶级窗口打开
    ### table标签
    可选值
    • thead:头部
    • tbody:身部
    • tfoot:脚部
    • tr(table row) :行
    • td:列
    • th:加粗的列
      相关的样式有
    • table-layout
      可选值
      • auto:指每一列的宽度随数字的多少变化
      • fixed :指每一列的宽度固定不变
    • border-collapse:collapse 将表格中的间隙合并
    • border-spacing:0px;表格间的边框间隔为0px
      ### 3. img标签
      作用:发出get请求,展示一张图片
    • 属性
      可选值
    • alt:如果图片显示失败可以在这输入替换的文字
    • height:指图片高度(宽和高只设置一个,另一个就会自动按比例变化)
    • width
    • src(source)
    • 响应时间有
    • onload:加载成功
    • onerror:加载失败

4.form标签

作用:发出get请求或者post请求,然后刷新页面
注意:
  1. form中一定要有type= submit的标签
  2. 属性;
  3. action : 请求get到按传统后面的页面
  4. method:get或者post方法
  5. autocomplete:on/off
  6. target:指向要刷新的页面

5. input标签

type的可选值有:
* text 输入文本框
* color 颜色板
* password 密码
* radio 单选,name必须一致才能保证,单选
* CheckBox 多选,name必须一致
* file 可以选择文件上传
* hidden 看不见

6. 输入框,可调整大小

如果固定大小,可以设置style中的resize:none
也可以设置输入框的大小:width:200px;height:200px;

7. 下拉菜单



今天是加入饥人谷的第13天了
【以上内容版权属于本人和饥人谷所有】

14
回复 编辑