软件测试课程(六):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.        特殊字符
&lt;  左箭头
&gt;  右箭头
&amp; &符号
&nbsp; 空格

 

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标签一起使用