美文网首页
前端开发 二

前端开发 二

作者: 宁不空 | 来源:发表于2017-11-29 01:11 被阅读0次

    新窗口打开页面的黑魔法

    写在头部标签内<head> 针对页面所有a标签
    <base target='_blank' />
    如果单独a标签有例外,则可以单独控制写在a标签内
    

    特殊字符

    空格 &nbsp;
    大于,小于 &gt; &lt;
    & &amp;
    版权 &copy;
    人民币 &yen;
    注册商标 &reg;
    摄氏度 &deg;
    正负号 &plusmn;
    乘号 &times;
    除号 &divide;
    平方 &sup2;
    立方 &sup3;
    

    列表

    无序列表 ul
    有序列表 ol
    自定义列表 
       <dl>
          <dt></dt>
          <dd></dd>
        </dl>
     <dd>内的内容围绕<dt>内的内容解释说明
    页面底部的说明通常会用自定义列表
    

    表格

    表格属性:
    cellspacing 单元格与边框距离
    cellpadding 单元格与内容的距离
    border 设置单元格边框
    align 表格在网页中水平对齐方式
    
    表格结构:
    表格标题
    <caption></caption>
    写在table里面
    表头
    <thead></thead>
    主体部分:
    <tbody></tbody>
    
    合并单元格:
    跨行合并 rowspan 
    跨列合并 colspan
    合并后删除多余单元格
    删除的个数 = 合并的个数 - 1
    

    表单

    表单域
       属性
       action  提交地址
       method 提交方式
       name 表单域名称
    提示文本
    表单控件
    
    使用全角状态下的空格可以
    很好的对齐俩行文本不一的文字
    
    图像按钮
    <input type='image' scr='' />
    

    label 标签

    绑定input框,与input框成为一个整体
    效果可以做到当点击提示文本时,光标定位在
    相应的input中
    <label><input /></label>
    
    如果label中有多个input,可以通过
    绑定id的方式定位input
    <label><input /><input /></label>
    

    下拉列表

    默认选中
    selected = 'selected'
    

    html5 新增标签

    header  定义文档头部分 页眉
    nav   定义文档导航栏
    section 定义文章中的节 定义一个小块
    footer 定义文档页脚 底部
    article 定义文章
    aside 定义侧边
    
    datalist 定义选项列表 搭配input使用
    <datalist id='name'>
      <option></option>
    </datalist>
    在input中绑定 list ='name'
    
    fieldset 搭配legend使用 打包分组表单内的
    一类元素
    <fieldset>
      <legend>name</legend>
     <input>
    </fieldset>
    
    新增input内的属性
    autofocus  自动获取焦点
    multiple 多文件上传 配合文件域使用
    autocomplete 自动完成 记录已经输入过的内容,
    必须提交过之后,submit,必须给表单控件input一个name值
    required 不能为空
    accesskey 使元素快速定位光标 使用alt + s 快捷键
    
    引入网络视频 傻瓜式 通过网站上复制 embed
    
    播放声音 audio  无限循环 
    <audio src=''  autoplay controls loop='-1' />
    为了浏览器兼容,要准备俩种格式的音频
    ogg mp3 wav
    <audio>
       <source src />
       <source src />
    </audio>
    
    video 属性与audio差不多,但多了width height
    ogg mpeg4 webm
    <video>
      <source src='' />
      <source src='' />
    </video>
    

    相关文章

      网友评论

          本文标题:前端开发 二

          本文链接:https://www.haomeiwen.com/subject/ccrybxtx.html