zoukankan      html  css  js  c++  java
  • 学习前端 第一天之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 来控制
  • 相关阅读:
    python中线程 进程 协程
    python 部署lvs
    python中函数
    python监控cpu 硬盘 内存
    python文件操作
    python中字典
    零基础逆向工程34_Win32_08_线程控制_CONTEXT结构
    零基础逆向工程33_Win32_07_创建线程
    零基础逆向工程32_Win32_06_通用控件_VM_NOTIFY
    零基础逆向工程31_Win32_05_提取图标_修改标题
  • 原文地址:https://www.cnblogs.com/guniang/p/11867736.html
Copyright © 2011-2022 走看看