软件测试3

1.web前端标准
  1. html 结构标准
  2. css 样式标准
  3. js 行为标准
2.五大浏览器厂商
  1. ie
  2. 谷歌
  3. 火狐
  4. 苹果
  5. 欧朋

注意:其他浏览器都是用的别人浏览器的技术,自己换了一套皮肤而已

3.HTML的定义

超文本标记语言

4.第一个HTML页面

1. 描述当前文件的版本信息, 如果没有详细说明4.0还是x1.0那就是5.0

2.html文件

3.网页的头部

4.utf-8是国际编码,如果不写,或者写成其他都会有问题

5.此处内容是网页的标题<title>

6.我们自己写的所有代码都放在这里

注意:html文档不能正常识别回车和换行,只能使用特定代码来实现;标记,标签,节点,元素都是尖括号

5.标签语义化

在合适的地方用合适的标签(该放p就放p)

为什么要标签语义化:因为浏览器只认识标签,没有语音语调,所以表达的东西只能使用对应的标签来表示

标签语义化的好处:语义化做的好,可以让搜索引擎把你的网站排名更靠前

6.h和p标签

h有六个1到6一次变小,代表文章标题

p代表文章

7.bul和小伙伴

b代表加粗 strong也代表加粗,多了强调的语义

u代表下划线

i代表倾斜 em也代表倾斜,多了强调语义

s代表删除线 del也代表删除线 ,建议使用del代表s

注意:strong代表特别强调,一篇文章中不要出现多次,em代表一般强调,一篇文章可以出现多次


单标签 代表一个换行回车

8.img图片标签

img是一个单标签

1.图片未加载的提示文字2.网页阅读器可以读取这里的文字

注意:属性名=“属性值” 属性名=“属性值” ;空格不能丢,符号都要使用英文状态下,属性设置不分先后;宽高设置其中一个,另一个就等比例缩放

9.路径

相对,绝对路径

10.链接

文字

注意:如果要跳转到线上地址,必须加http://,本地文件直接写路径

空链接写法:1.### 2.javascript:; 3.javascript:void(0); 这三种都可以

锚点链接:点击之后可以跳转到页面的对应位置;给想跳转到的位置写一个id属性,a标签中的href属性写 #id的值

11.表单

所有用户输入的内容都要放在form标签中

action代表数据给的那个后台程序

method代表传输数据的方法 1.post(加密)2.get(不加密)

input代表输入框标签(单标签);type类型决定这个输入框的类型;name属性代表这个输入框的名字;id代表输入框的id编号

value代表默认输入框(不符合用户体验,应该换成placeholder)

注意:placeholder属性ie低版本不兼容,但是我们实际工作中还要使用,因为渐进增强(随着浏览器版本的提升,效果越来越好),优雅降级(在高版本浏览器显示效果好的前提下,保证了低版本浏览器不错乱)

1.type=“text” 代表普通输入框

2.type=“password” 代表密码输入框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值