美文网首页
前端开发 二

前端开发 二

作者: 宁不空 | 来源:发表于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