软件测试课程(六):Web开发基础
1、B/S架构 有特点?
优点: 不用下载不用升级 不依赖平台客户端
特点 方便用户交互 动态的 容易导航
缺点: 图形渲染能力较弱、服务器压力大、不安全
2、网页的基本结构
<head> 标签 网页头: 显示网页的标题、指定是否支持中文、 引用 CSS+JS
<body> 网页内容 浏览器的所有显示区域
3、第一类标签: 文档标签
文档标题 h1 ~h6
网页标签 title
段落 p =====》自动换行=====》段落
修饰字体标签 font =======》不会自动换行-----》文字
问?在段落中换行
答: 标签 <br/>
超链接 a
属性 : 说明网页跳转的地址
<a href="http://www.baidu.com">百度</a> <br/>
<img src="图片的位置" alt="当图片搜索不到内容" title="图片显示标题"
width="宽度" height="高度" border="边界粗细" hspace="水平距离"
vspace="垂直距离" align="对齐方式"
/>
4. 特殊字符
< 左箭头
> 右箭头
& &符号
空格
HTML的组合标签----表格标签
表格标签的基本使用
1.1 表格table
行 tr
列 td
表头 th
td 里面放的就是单元格 元素
1.2 表格的属性
border 边界
align 靠齐方式
bgcolor 背景颜色
colspan 列合并
rowspan 行合并
内容二:表单标签 和 有序列表和无序列表
表单标签的作用负责客户端和服务端进行交互
form 表单标签 ====》指定提交的地址
input 输入框标签 type属性 值 text 普通文本输入
password 密码输入
submit 表单提交
有序列表和无序列表
有序列表 ol标签 标签中的每一项 li标签
无序列表 ul标签 标签中的每一项 li标签
内容三:框架标签---frameset
到现在为止 网页都是一小块的 ,
实际的网页,一张大的网页由多张小的网页组合而成
解决: 需要标签叫 框架标签。
Frameset 标签的每一个部分就是一个frame标签
注意: frameSet标签不能和Body标签一起使用