axure原型存储方式
1以图片存储
2以原文件存储如.rp(必须用axure打开) .txt .doc .png(工具栏)
3以html存储
html特点:
从上到下依次解析,容错性(不报错),大小写不敏感
(head)meta设置字符编码,html5中还有个meta设置手机属性
title设置标签页
(body)中写内容
元素:
块级元素:如div(独占一行,不与其他元素共享空间,p标签自带margin)
行内元素:如span(可以共享空间,不能直接设置上下的内外边距)
标签不能交叉嵌套
属性:
属性名和属性值用=链接,多对属性间空格隔开
公有属性(id<唯一标识>,class,style<行内样式>,title),私有属性
基本属性(""或’'中写入) 布尔值属性(true false)
语法:
1.无论多少空格和换行,都只算一个
2.字符实体
使用&开头,用;结尾,中间写名称 <;zzf>;(结果就为)
3.注释
提升可读性, (程序员最讨厌写注释和不写注释的人)
标签:
body:边距为8px
p:段落标签,边距为16px
pre:保存用户输入格式
img:图片 (特殊行内元素,可以设置长宽,display:inline-block)
alt:替换内容 src:引入图片地址
./(同级别文件) ../(上一级文件)
br(换行) hr(设置水平线) sub(下标) sup(上表) href(设置链接地址 #id 为目标的id)
target(设置页面打开方式):_blank(打开新页面) _self(在本页面打开) _parent(在父框架打开) _top(在顶框架打开)
h1~h6(字符大小) table(表格):caption(设置表格标题) thead(头部) tbody(体部) tfoot(脚部) tr:一行 th/td:一个单元格rowspan(跨行合并) colspan(跨列合并) colgroup(写在所有tr之上) form(表单):action(表单提交地址) target(_self _blank) method(设置表单提交方式 get:将数据拼接在浏览器地址栏,安全性低
,只能提交少量数据 post:将数据分装到请求体中,安全性高,多量数据) enctype(设置表单提交的数据类型)
子组件
input :{私有属性:type: text(单行文本框) password(密码框) submit(提交按钮) reset(重置按钮)
checkbox(多选框) button(普通按钮) radio(单选框) image(图片按钮) hidden(隐藏域) file(文件上传按钮)
value:写在按钮上,修改名称。写在输入框,代表输入框的默认值
name:设置前后台交互数据的key值}
label: 关联文字和组件 如
fieldset(框起区域): legend(设置区域标题)
如果button写在form内,type默认为submit,如果在form标签外,默认为button
select(下拉框): size(设置每次展示项数) multiple(多选) disable(不可选) option(选项)
optgroup(分组option),如select>optgroup3>option3 如
太原
晋中
单选框 textarea列表:ul(无序标签) li(子标签) ol(有序标签,私有属性:start reversed) dl(标题列表) dt(标题