HTML超文本标记语言-基础标签整理

                        第一章
 <META>标签：
    <meta http-equiv=”Content-Type” Content=”text/html;charset=gb2312”>------避免乱码

 Bgcolor：背景颜色    background：背景图

 六级标题：<H1>到<H6> 依次递减

 <FONT>标签：
    属性：face----字体类型
          Size----字体大小
          Color---颜色

 特殊符号：
          大于：&gt;
          小于：&lt;
          空格：&nbsp;
          引号：&quot;
          版权号：&copy;

 行的控制标签：
             <p>(</p>)------段落标签（结束标签为可选）
             <br>--------换行标签（没有结束标签）

 <IMG>标签：
       <img src=”路径” alt=”提示文字内容”  宽度  高度>
       属性：
            Align:------图片和当前文字的对齐方式(top--顶端  bottom--底部  middle—中部  left—左对齐  right—右对齐)

 <HR>标签：水平分隔线

 列表：
   无序列表：<UL  type=”类型”>
               <LI></LI>
 </UL>

          -------type属性值：circle空心圆环   disc实心圆点(默认的)  square正方形

   有序列表：<OL type=”类型”>
                <LI></LI>
             </OL>

          --------type属性值：1、a、A、i、I
 <A>标签：超链接

   链接到其他页面： <a href=”路径”></a>
 链接到本页面：
    <a name=”marker”>fghgg</a>-----创建锚标记
    <a href=”#marker”>fghgg</a>-----使用它
   电子邮件链接：
 <a href=”mailto: 网址”></a>

 <MARQUEE>标签：滚动条
    <marquee scrolldelay=”100” direction=”up” onmouseover=”this.stop()”  onmouseout=”this.start()”>

       -----scolldelay---滚动延迟时间   direction----滚动方向：up、down、left、right
           Onmouseover---当鼠标停在上面的时候触发
           OnmouseOut----当鼠标离开的时候触发

                     第二章
 跨行跨列：
 Rowspan----跨行
 Colspan-----跨列

 设置填充、间距属性
    Cellpadding----文字与边框的距离
    Cellspacing----表格内边框间距
                    第三章
 <FORM>标签：
    <form  name=”form1”  method=”post”  action=”地址/processform(表单的处理程序)”>
           表单提交方式：post   get(不安全)
    表单元素：(要在<input>标签中使用)
              文本框：text
              密码框：password
              单选按钮：radio
              复选框：checkbox
              列表框：select和option来实现
              按钮：button---普通按钮  submit---提交按钮  reset---重置按钮
              多行文本：textarea   (用cols和rows分别来设置他的宽度和高度)

 框架：<frameset>(框架集)
    <frameset>
   <frame name=””  src=”该位置要放的网页”  scrolling=”no”(是否显示滚动条)  noresize(禁止改变框架窗口的大小) >
 </frameset>

 实现框架页面的链接
 1、设计好框架集页面，为每个框架窗口定义好名称
 <.frame  name=”rightframe”  src=”right.html”>
 2、设置导航栏中的超链接的target目标窗口属性，使其值为框架窗口的名字
 < a  href=”right.html”  target=”rightframe”>

 4个特殊的窗口：
   Target可以取4个值--------_blank  (新启一个窗口打开链接)
                          _self  （在同一个窗口打开(默认值)）
                          _parent  (在上一级窗口打开)
                          _top  (在整个浏览器窗口打开)

 第四章CSS样式表

 样式表的结构：
             <style  type=”text/css”>
                选择器
                      属性：属性值；
 }
 </style>
 常用的样式属性：
         文本属性：font-size   字体大小
                   Font-family   类型
                   Font-style     字体
                   Color       颜色
                   Text-align    对齐方式
 背景属性:：
          Background-color          背景颜色
          Background-image         背景图片
          Background-repeat         repeat(铺满)  no-repeat(不平铺)  repeat-x(水平方向平铺)  repeat-y(垂直方向平铺)
 方框属性：
        边界属性：margin-top    上边距
                  Margin-right   右边据
                  Margin-left    左边距
                  Margin-bottom 下边距
        边框属性：border-style      边框样式
                  Border-color     颜色
                  Border-width   边框宽度
       填充属性：padding-top   与上边框的距离
                 Padding-right  与右边框的距离
                 Padding-left   与左边框的距离
                 Padding-bottom  与下边框的距离

 特殊样式：
     A:link{}    未被访问的链接样式
     A:visited{}  已被访问过的链接样式
     A:hover{}   鼠标悬浮在链接上时的样式
     A:active{}   鼠标正在按下时链接文字的样式

 样式表的3类应用方式：

        内嵌样式表
        行内样式
  外部样式（要用LINK链接标签）
    <link rel=”sylesheet（外部样式表）”  type=”text/css”  hret=”引入的样式文件” >