码迷,mamicode.com
首页 > Web开发 > 详细

web html 基础2

时间:2018-05-10 00:01:55      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:data   相同   focus   box   reset   滑块   声音   ESS   gen   

1.表格<table> 行 tr,没有列的说法,只是单元格td table里面只能仿tr,tr里面只能放td,td可以嵌套任何标签

  表格属性

    border 边框,

    cellspacing 单元格和边框之间的距离

    cellpadding 内容和单元格边框之间的距离

    align 控制表格水平对齐,

  表头标签 th放在tr里面,将td换成th

  表格结构 thead和tbody两部分

  表格标题 caption 标题  标签就是caption 写在<table>里面

  合并单元格:写在td标签里面,

    跨行合并,rowspan 从上往下,

    跨列合并 colspan ,从左往右

2.浏览器查看标签结构,浏览器 右键 -检查(审查)

3.表单三大结构:表单域,表单控件,提示文本

  表单控件:

   input 单标签

    type 属性:text 单行文本框,password 密码输入框  r

      adio 单选按钮 (单选框如果是一组,通过相同的name值来实现)checked = checked 默认选择项

      checkbox 复选框 checked = checked 默认选择项

      button 普通按钮 value 是button 的上面显示的文本

      submit 提交按钮 value值同样是设置文本

      reset 重置按钮 value 同样是设置文本

      image 图片按钮 

      file 文件按钮

      maxlength 正整数,用户允许输入的最多的字符数

    lable标签,与input搭配使用,label将input包裹,点击其他位置,input也可以获取焦点

      如果label有多个表单,想定位到指定的表单,通过for=“id”的形式

    文本域 textarea 双标签

    下拉菜单 select 包含option,第一个option 会显示option里面有个属性,selected = “selected”,默认选中项

    表单域 <form></form> 属性:

      action 提交的目的去

      method get post

      name 取个名字

 html 5 新加的标签:

  header定义网页的头部分

  nav 定义导航栏

  footer 定义网页的底部

  article 定义文章

  section 定义小区域,

  aside 定义侧边

  datalist 与select相似,与input搭配使用 类似百度

  fieldset 与legend搭配使用 分组,会出现一个边框

  input 属性:邮箱 email 手机tel 数字number右边还会有箭头 网址url 搜索 search range 区域滑块 时间time 日期date 

  input 占位符 placeholder autofoucus =“autofocus”自动获取焦点 multipe 多文件上传 autocomplete 自动,使用这个,首先需要提交按钮,还需要name值 autocomplete 可以on或者off

  required 不能为空 accesskey ="字母" 可以快速定位光标

多媒体标签:三种形式

  1。embed标签定义嵌入内容,

  2.video 播放视频

  audio 插入声音 autoPlay controls loop -1代表无限循环 浏览器兼容不一样,一般转成三种格式,mp3,ogg wav

web html 基础2

标签:data   相同   focus   box   reset   滑块   声音   ESS   gen   

原文地址:https://www.cnblogs.com/hechangshou/p/9011680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!