第二部分：html div+css（静态网页）（二）

一、超链接
二、表单
三、tee台在线

一、超链接：点击可以跳转到别的页面。
1 超链接元素：
 文本
 图片
2 <a>内容（文本、图片）</a>
 1>href="网页路径"
 网页路径  外网路径：http://路径
     内网路径：遵循相对路径规则。
     index----》a
    
 注意：所有的网页都可以使用超链接：
   .htm .html .shtml .php .jsp .aspx
  <a href="a.php">跳转到php页面</a>
  
 2>资源下载。
  下载链接  
 <a href="resource/demo.doc">下载链接</a>
 3>锚点：
 name="单词 词组"  超链接的属性。
 
 4> 电子邮件链接：了解。
  <a href="mailto:电子邮箱">发送邮件</a>
 
 
 
 图片超链接：
  <a href="路径"><img src="图片路径"></a>
 图片作为超链接，会有 边框，img border="0" 去掉边框。
 
 登陆 --》login.html
 下载中心---》download.html
 使用帮助--》help.html
 
二、表单
交互：
表单： 网站和客户交互的工具。
    用于向服务器发送数据。
<form>
 各种表单元素  table  tr img a
</form>

action="" 提交的处理页面的路径：遵循路径规则。
method="post get"
enctype="multipart/form-data"

表单元素：
 input 元素
  <input />
   type="元素内容"
   元素内容：
    text: 文本框    name="单词或词组" 文本框在页面中的名称
        value="值" 文本框的默认值。
    password:密码框 name="单词或词组"
    radio:单选框 name=""  单选框必须有name属性,name属性相同
        checked="checked" 默认选项。
        value=""  处理数据。
    checkbox:复选框  name=""
         value="" 处理数据
         checked="checked" 默认选中项
    file:浏览框(上传文件) name=""
    hidden:隐藏域:传递不方便看到数据。
        name=""
        value=""默认值
    按钮系列：
    button：普通按钮(javascript jquery) 
        name=""
        value="" 默认值 
    submit:提交按钮：提交到的是 action 制定的页面。
      name=""
      value=""
    image 图片提交按钮  src="路径"  name=""
    注意：submit  image 作用是相同的，都具有提交的作用。
    reset 重置按钮：同一个form中的元素，全部还原为默认值。
     
 非input  
    <select> 下拉列表
     <option>北京</option>
     <option>北京</option>
     <option>北京</option>
     <option>北京</option>
     ..........
    </select>
 
    select  name="名称"
      multiple="multiple" 允许多选的列表框
    option value=""
      selected="selected" 默认选中项
      
      
    <textarea></textarea>  文本域
     
     cols="number"  允许最大的列数
     rows="number"  允许最大的行数
 
表格和表达元素结合 注册 

 

表格嵌套：
  注意：表格嵌套，一定是在 td 中嵌套。
  用table作业，表格嵌套占主要地位。

 

强调：
 1 页面编码 都用 utf-8
 2 所有的单标记  <标记名称 />
 3
 <input type="checkbox" name="ck1">
 <input type="checkbox" name="ck2">
 <input type="checkbox" name="ck3">
 <input type="checkbox" name="ck4">
 <input type="checkbox" name="ck5">
 常用的命名方式  index--->a
 <input type="checkbox" name="ck[]">
 <input type="checkbox" name="ck[]">
 <input type="checkbox" name="ck[]">
 <input type="checkbox" name="ck[]">
 <input type="checkbox" name="ck[]">
 
 <form action="路径" method="post" enctype="multipart/form-data">
  
 </form>
 当表单中有file控件的时候 必须加
  enctype="multipart/form-data" 目的 ，让图片转换二进制数据传递到服务器。
  encodetype = ""