学习前端 第一天之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' 上传文件的

 

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>

常用新属性

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

多媒体标签
embed: 标签定义嵌入的内容
audio: 播放音频
video:
    controls 和autoplay 来控制