学习前端 第一天之html标签补充

一、常用浏览器内核

  Trident(IE内核)
  Gecko(firefox)
  webkit(Safari)
  Chromium/Blink(chrome)
  Blink(Opera)

二、常见标签回顾 

  a标签 属性 target:_blank _self
  image
  h1 - h5
  p 段落标签
  br 换行标签
  hr 水平线标签
  base
  form
  input
  div

  ul>li 无序列表

  ol>li 有序列表

  dl>dt>dd    自定义列表 dd是用来对dt进一步说明的 

  

  表格标签
  用来处理数据
  table>tr>thead>th>tbody>td


  表格属性
  border 设置属性的边框
  cellspacing 设置单元格与单元格之间的空白间距
  cellpadding 控制单元格内容和边框的距离
  width 设置表格的宽
  height 设置表格的高
  aligh 设置表格在网页中的水平对齐方式 left center right

  

  表格标题
  caption

  th表头标签

  thead tbody 表格结构

  

  合并单元格
  rowspan 垮行合并
  colspan 跨列合并

表单:

表单由三部分组成
表单域  提示文本 表单控件

input表单控件 是个单标签 <input /> 可以通过type属性来变化形状
    属性:属性值  描述
    type = text 单行文本框
          password 密码框
          radio 单选按钮
          checkbox 复选框
          button  普通按钮
          submit  提交按钮
          reset   重置按钮
          image      图像形式的提交按钮
          file      文本域
    name = 由用户自定义 控件的名称
    value = 由用户自定义 input 空间中默认的文本值
    size = 正整数 input控件在页面中显示的宽度
    checked = checked  定义选择控件默认被选中的项
    maxlength = 正整数  控件允许输入的最多字符数

    默认选中
    checked="checked"


label标签 
1.配合input使用直接包裹
2.如果label里面有多个表单,想定位用for="id" 属性

textarea文本域
select>option 下拉菜单

表单域
1.文本域 textarea 留言的
2.文件域 input type='file' 上传文件的
View Code

input新增属性

新增的input属性
邮箱:<input type="email"> <br>
手机:<input type="tel"> <br>
数字:<input type="number"> <br>
网址:<input type="url">
搜索:<input type="seach">
区域:<input type="range"> <!-- 滑块 -->
时间:<input type="time"> <br> <!-- 小时分钟 -->
年月日:<input type="date"> <br>
月份:<input type="month"> <br>
周:<input type="week"> <br>
颜色:<input type="color"> <br>
View Code

常用新属性

placeholder   占位符
autofocus     自动获取焦点
multple       多文件上传
autocomplete  自动记录输入过的  on或者off也能控制开关
    1. autocomplete 首先需要按钮
    2. 必须要有一个name值
required       内容必选项
accesskey      快速定位光标

多媒体标签
embed: 标签定义嵌入的内容
audio: 播放音频
video:
    controls 和autoplay 来控制
原文地址:https://www.cnblogs.com/guniang/p/11867736.html