HTML实训课程笔记_03



1.
相对路径的理解：

    ./代表当前路径比如：D:\Ncode\02\day03\test\test1
    ./../代表当前路径的上一级目录：D:\Ncode\02\day03\test
    ./../../代表当前路径的上一级目录的上一级目录：D:\Ncode\02\day03
    注意：一上写法一般会省略./(但在实际项目开的过程中都会进行处理)
 
    目录：D:\Ncode\02\day03\test\test1
     上一级目录：../   D:\Ncode\02\day03\test
     上一级目录的上一级目录：../../D:\Ncode\02\day03
     上一经目录的上一级目录中的a.html:../../a.html
 
  
    目录：D:\Ncode\02\day03
   ./代表的是当前路径 D:\Ncode\02\day03\
   ./img.html代表的是当前路径 D:\Ncode\02\day03\img.html
   备注：如果说 img.html与a.html在同一个目录  一般会省略./(但在实际项目开的过程中都会进行处理)
 绝对路径的理解：
      1.绝对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe
   2.包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：
        通信协议://服务器地址:端口号/文件位置…/文件名 例如：http://ww.sina.com.cn/web/index.html

案例：

	
		
		
	

	
	         
			  
超链接的使用
			  
			  

			  
			  我是链接 
			  
		  
	

2.
链接名称

关于target属性值的说明：
   当属性值为：_parent 代表：在上一级窗口中打开，一般使用分桢的框架页会经常使用
   当属性值为：_blank 代表：在新窗口打开
   当属性值为：_self 代表：在同一个框架或窗口中打开，该项一般不用设置
   当属性值为：_top     代表：在浏览器的整个窗口中打开，忽略任何框架

3.
关于锚标记的理解：锚记标签用于使用户"跳"到文档的某个部分
    1.HTML 的 NAME 属性用于创建锚标记例如：主题名称
    2.为达到这种跳转效果，请在 HREF 参数中使用该标记例如：主题名称
 补充知识：
 3.利用锚标记跳转到指定页面的指定部分：跳转到a2.html页面

4.
邮件发送处理
     [email protected]
  

案例：

     
	     如国有您有什么疑问，请发送邮件至：
		 [email protected]
		 
		 
		 
		 跳转到a2.html页面

5.
表单
  form表单采用get方式提交给服务器
   url地址： a.html?uname=chenhj&upass=111
       1.不安全
    2.大小受限制1KB

   form表单采用post方式提交数据给服务器
       a.html
       1.安全
    2.大小2M
   
   它两个比较：
    Get是通过http传输，特点在url上有尾巴，长度有限。
 Post是通过Socket传输，url无尾巴，安全，无长度限制。
 Get是用来取得信息的，Post是用来来发送信息。
 Get请求请提交的数据放置在HTTP请求协议中，而POST提交的数据则放在实体数据中。

6.
input标签
   
 
 1.Type:此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN 和 BUTTON。默认选择为 TEXT。
 2.Name:此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称 TEXT1、TEXT2 或选择的任何名称来标识它们。Name 属性的作用域是在 FORM 元素内。
 3.Value:此属性是可选属性，它指定控件的初始值。但是，如果 TYPE 为 RADIO，则必须指定一个值。
 4.Size:此属性指定控件的初始宽度。如果 TYPE 为 TEXT 或 PASSWORD，则控件的大小以字符为单位。对于其他输入类型，宽度以像素为单位。
 
 5.Maxlength  此属性用于指定可在 TEXT 或 PASSWORD 元素中输入的最大字符数。
    6.Checked 此属性是 Boolean 属性，指定按钮是否是打开的。当输入类型为 RADIO 或 CHECKBOX 时，使用此属性。  
 
7.
备注：
  1.文本框
    
  2.密码框
    
  3.多行文本框
     <br>        初始内容<br>     
  4.单选框
    
  5.复选框
    
  6.菜单式
 
  列表1
  列表2
  列表3
  ...
 
  7.列表式
 
  列表1
  列表2
  列表3
  ...
 
  8.按钮
 
  9.隐藏域
   
  10.浏览器打开文件
   

注册案例效果

 

注册案例代码

表单的使用


  

    

      
用户名
      

    
    

      
密码
      

    
    

      
性别
      

        男
        
        女 
    
    

      
爱好
      

        玩游戏
        
        看书
        
        音乐 
    
    

      
学历
      

          硕士
          专科
          本科
        
      
    
    

      
个人简介
      

      
    
    

      
照片