一心憧憬
一心憧憬

目前所学的html知识小总结


注释：

一、里面的应用元素：


1.显示在网页标题栏上的文字：
2.     content里面写的是内容
 keyname       具体关键字
  description   对页面的描述语言
 generator     编辑软件的名称
 author       作者的姓名
 robots        所要限制的搜索方式       （1.All:表示能搜索当前网页及链接的网页；2.Index：表示能搜索当前网页；3.Nofollow：表示不能搜索与当前网页链接的网页；4.Noindex；表示不能搜索当前网页；5.None：表示不能搜索当前网页及其链接网页）
 build       网页建立的日期（2008.08.08）
 copyright     网页版权信息（明日科技）
 reply-to      联系人邮箱


        设置网页文字及其语言： 
 设置网页定时跳转： 
 设置到期时间：    =”expires“ content="到期时间"             （时间必须是GMT时间格式：星期，日 月 年 时 分 秒  如Web，14 september 2011 16：20：00 GMT）（网页一旦过期则必须到服务器上重新调用）
 禁止从缓存中调用网页:                   ="cache-control(pragma)" content="no-cache"    （如果网页频繁跟新，用这个能使用户每次打开网页都能看到最新的消息）
 删除过期的cookie   =”set-cookie“ content=”GMT时间“
 强制打开新窗口：   =”windows-target“  content=”_top“      （强制网页在当前窗口中独立显示，防止自己的网页被别人当做frame页调用) 
 设置网页过渡效果：   =”过渡事件（page-enter/page-exit）“ content=”revealtrans（duration=过渡持续效果，transition=过渡方式)“>   (ie9以上都不能用，过渡方式见另外的说明书)
 
3.    基底网址标记    （body中有 其网址打开的时候是：基底网址/1.html  即把相对地址转换为绝对地址）
二、里面的应用元素
1.body  页面的主体标记（）
  text  设定页面文字的颜色
 bgcolor  页面背景的颜色
 background 页面背景图片
 bgproperties 背景图片设为固定，不随页面的滚动而滚动
 link  设定默认链接颜色
 alink  鼠标单击时的颜色
 vlink  访问过后的颜色
 margin  页面边距（topmargin。。。）
2.文字标题的建立 
 

一级标题
 
六级标题 （网页设置不同等级标题时运用）
 
 

      left center right   左对齐 居中对齐 右对齐

设置文字格式                    
 
 设置文字字体  face（face=”字体1，字体2，华文彩云“）优先使用字体1，若无1则用二
 设置字号  size（size=”3（1-7）（+1-+7）“）3号字体与默认字体相同，字号为相对默认字体大小设置
 设置文字颜色  color
 字体效果  粗体
    斜体<>
    带下滑线的文字
    删除线
    等宽文字
 特殊字符  空格（ ）等   查html手册   记住常用的即可
 上下标   sup 上标   sub下标（数学里面的平方或者底数）
设置段落格式
 
 段落标记  


 取消换行标记   (一行文字太长，会加滚动条而不换行)
 换行标记  

 保持排版标记  
 
   
 居中对齐标记  
 
   
 向右缩进标记  
 
   
 添加水平线  
    (设置宽高，颜色，对齐方式，去掉水平线阴影) 
   
 文字标注标记  被说明的文字文字的标注   （同样可设置文字标注的属性，颜色，字体等） 
   
 声明变量标记   （效果为斜体， 一般用于变量声明如：x+y=2；等数学情形） 
   
 忽视HTML标签标记  (时HTML标记失去作用，直接显示代码，一般放在后面) 
   
 地址文字标签  
 (一般用于定义地址，签名，文档作者身份等信息，电子邮箱等等） 
   
  
   
列表 
   
 无序列表标记    
  • 第一项
    •    （ul表示无序列表的开始，li表示每一项） 
   
             （type表示列表项开始的符号 disc 实心圆；circle：空心圆；square：实心方型） 
  
     
  
    
     有序列表标记  
      (type表示列表开始的符号   1：数字1.2.3；i：小写罗马数字；I：大写罗马数字；a：英文字母abc；A：英文字母ABC) 
   
              (start表示有序列表起始数值) 
   
      
   
     定义标记列表  
     
   
         
    名词1
    解释1 
   
         
    名词2
    解释2   (dl表示定义列表的开始，dt后面时要解释的名词，dd后面时解释（一个dt可有多个dd）) 
   
        
      
   
          
   
     菜单列表标记  
  •     (效果跟无序列表一样，主要用于设计单列的菜单列表) 
   
     目录列表  
  •      (主要用于显示文件内容的目录大纲，通常用于设置一个压缩窄列的列表，用于显示一系列 的列表内容) 
   
     设置列表文字的颜色 
    •     
   
     有序无序列表的嵌套使用 
          (依据需求直接嵌套即可) 
   
        
  
       
  
      
    超链接的使用 
  
       
  
      
     建立文本链接   链接文字   (可以时绝对地址也可以是相对地址) 
   
       设置超链接的目标窗口       (_parent:在上一级窗口打开，常在分帧的框架页面中使用；_blank:新建一个窗口打开；_self:在同一个窗口打开；_top:在浏览器的整个窗口打开，将会忽略所有框架结构) 
   
       建立书签  文字   (name中的为书签的名字，后面将是设置跳转效果) 
   
       链接到同一页面的书签 文字   （语法：href=“#+书签名字”，点击链接则会跳转到书签名字的文字） 
   
       链接到不同页面的书签 链接的文字 
   
        
   
       外部链接   
   
          链接文字        (通过http) 
   
          链接文字   (通过ftp文件传输协议) 
  
       
   
  
      
     下载文件    
  
      
     脚本链接      (地址上放上脚本语言）？？不确定得去调查 
  
       
  
      
     空链接    “#”                     （指向链接后，鼠标变手型） 
  
       
  
       
   
      使用图片 
   
        
   
       添加图片     
   
             （高；宽；边框；图像水平间距（设置图片与图片或文字的间距）；垂直间距（同水平）；图像相对于文字基准线的对齐方式（下面详解）；图像的提示文字（鼠标放到图片上显示的内容）；图像的替换文字（图片无法显示的时候显出来）) 
   
           
   
          aglin=  top  把图像的顶部与同行文字（或图像）的最高部分对齐 
   
            middle  把图像的中部与同行的中部对齐（通常是文本的基线，并不是时间的行中间） 
   
            bottom  把图像的底部与同行文本的底部对齐 
   
            texttop  把图像的顶部和同行中最高的文本的顶部对齐 
   
            absmiddle    把图像的中部和同行中最大项的中部对齐 
   
            baseline  把图像的底部和文本的基线对齐 
   
            absbottom 把图像的底部和同行中的最低项对齐 
   
            left  使图像和左边界(网页的左边界)对齐（文字环绕图像） 
   
            right  使图像的右边界对齐（同上）  
   
       插入avi文件   
   
        
   
       图像超链接   
   
       设置图像热区链接           （在图像文件设置热区映射图像名称） 
   
           （定义热区形状和坐标）  
   
          shape值：rect（矩形区域）;circle(圆形)；poly（多边形） 
   
          coords：（rect包含四个参数：left top right bottom（理解为两个对角的点坐标））    （circle包含三个 circle-x circle-y radius） 
  
       
  
       
   
      创建表格： 
   
        
   
       表格基本结构  (table表格标记，tr行标记，td行内格子，caption标题，th表头，) 
   
                 (cellspacing内框宽度，就是单元格之间的宽度，cellpadding文字与边框的间距) 
   
              
   
                   （可以单独对th，td，tr设置以上的属性） 
   
                   （valign=垂直对齐方式（top middle bottom）） 
   
           
           
      表格标题
            
       
   
         
   
       水平垂直跨度（跨行，列）      （所跨的其他格子不用再写td，第一个各自写了colspan或rowspan即可） 
   
       单元格亮边框与暗边框   
   
       表格的表首标记           （用于表首第一行，表示它是表首，结构化语言）              
   
       表格的表主体标记         （用再第一行后面，包含剩下所有的行，以示表格主体这个结构） 
   
       表格的表尾标记           （一般用于注释表格，或者写日期啥的） 
   
       表格的嵌套   (直接嵌套即可，嵌套再设置属性，可能会简便省事一些) 
  
       
  
       
   
      层--div标签（主要介绍常用属性，冷门的去查手册把） 
   
        
   
       div属性   
           （id:唯一标识，只能有一个（css中：#唯一id{}调用）；class：类型标识，可多个（css中：.类{}调用））