CSDN博客

img rmzhang33

html教程(一) 页面(PAGE)标记(TAGS)

发表于2004/9/14 9:47:00  836人阅读

分类: html教程

页面(PAGE)标记(TAGS)

◇HTML 文件结构(Document Structures)

...
...
...



     , <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
    HTML 文件的正文写在这里... ... 
</BODY>
</HTML>
</PRE></DL>
<P><!--################## LANGUAGE INFO ########################--><A name=lang></A><FONT color=#ff0000>◇语言字符集(Charsets)的信息</FONT> <IMG height=14 alt="netscape.gif (168 bytes)" src="file:///C:/Documents%20and%20Settings/Administrator/My%20Documents/My%20eBooks/html/html/netscape.gif" width=80 tppabs="http://netschool.bjne.net/html/netscape.gif"></P>
<P><meta http-equiv="Content-Type" content="text/html;charset=#"><BR>
<DL compact>
<DT>#= 
<DD>us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,<BR>iso-2022-jp, x-sjis, x-euc-jp,<BR>euc-kr, iso-2022-kr,<BR>gb2312, gb_2312-80,<BR>x-euc-tw, x-cns11643-1, x-cns11643-2, big5 </DD></DL>
<P>可在 HTML 文件中设置 MIME 字符集信息。<BR>您在浏览主页时,最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。<BR>但是如果 HTML 文件里写明了设置,浏览器就会自动设置语言选项。<BR>尤其是主页里用到了<A href="javascript:if(confirm('http://www.gzsums.edu.cn/webclass/html/entities.html  /n/nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  /n/nDo you want to open it from the server?'))window.location='http://www.gzsums.edu.cn/webclass/html/entities.html'" tppabs="http://www.gzsums.edu.cn/webclass/html/entities.html"><FONT color=#0072a8>字符实体(entities)</FONT></A>,则该主页就应该写明字符集信息。<BR>否则,您在浏览该主页时,若未正确设置语言选项,显示将可能混乱。</P>
<P><FONT color=#ff0000>◇ 背景色彩和文字色彩</FONT> </P>
<P><body bgcolor=# text=# link=# alink=# vlink=#> 
<DL>
<DD>bgcolor --- 背景色彩 
<DD>text --- 非可链接文字的色彩 
<DD>link --- 可链接文字的色彩 
<DD>alink --- 正被点击的可链接文字的色彩 
<DD>vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 
<DD>色彩是用 16 进制的 红-绿-蓝(red-green-blue, RGB) 值来表示。<BR>16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. </DD></DL>
<P>背景图象 <body background="image-URL"><BR>Non Scrolling Background <body bgproperties=FIXED> </P>
<P><FONT color=#ff0000>◇ 页面空白(Margin) </FONT></P>
<P><!------Margin------->页面左边的空白 <body leftmargin=#><BR>页面上方的空白(天头) <body topmargin=#> #=margin amount </P>
<P><A name=link></A><FONT color=#ff0000>◇ 链接(Link) 基本语法</FONT></P>
<P><a href="URL"> ... </a> 
<DL>
<DD><TT>这是一个<BR><a href="samp/link.html">链接的例子</a>。 <BR>点一下带下划线的文字!</TT><BR></DD></DL>
<P>这是一个<A href="javascript:if(confirm('http://www.gzsums.edu.cn/webclass/html/samp/link.html  /n/nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  /n/nDo you want to open it from the server?'))window.location='http://www.gzsums.edu.cn/webclass/html/samp/link.html'" tppabs="http://www.gzsums.edu.cn/webclass/html/samp/link.html"><FONT color=#0072a8>链接的例子</FONT></A>。 点一下带下划线的文字!</P>
<P>跳转到页面的另外一个地方<BR><a href="#name"> ... </a><BR><a name="name"> ... </a> 
<DL>
<DD><TT><a href="#jump-test">跳转到下一个"链接点"</a><P><BR><a name="jump-test">下一个链接点</a> </TT></DD></DL>
<P><A href="javascript:if(confirm('http://www.gzsums.edu.cn/webclass/html/page.html  /n/nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  /n/nDo you want to open it from the server?'))window.location='http://www.gzsums.edu.cn/webclass/html/page.html#jump-test'" tppabs="http://www.gzsums.edu.cn/webclass/html/page.html#jump-test"><FONT color=#0072a8>跳转到下一个"链接点"</FONT></A></P>
<P><A name=jump-test></A>下一个链接点</P>
<P>跳转到另一个页面的某个地方<BR><a href="URL#name"> ... </a><BR><a name="name"> ... </a> 
<DL>
<DD><TT>跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。<BR></TT></DD></DL>
<P>跳转到另一个页面的<A href="javascript:if(confirm('http://www.gzsums.edu.cn/webclass/html/samp/link.html  /n/nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  /n/nDo you want to open it from the server?'))window.location='http://www.gzsums.edu.cn/webclass/html/samp/link.html#jump-test'" tppabs="http://www.gzsums.edu.cn/webclass/html/samp/link.html#jump-test"><FONT color=#0072a8>某个地方</FONT></A>。</P>
<P><FONT color=#ff0000>◇ 开一个新的(浏览器)窗口 (Target Window) </FONT></P>
<P><!------Target Windows-------><a href="URL" target="Window_Name"> ... </a> 
<DL>
<DD><TT><a href="samp/window.html" target="window_name"><BR>开一个新窗口!<BR></a> </TT></DD></DL>
<P><A href="javascript:if(confirm('http://www.gzsums.edu.cn/webclass/html/samp/window.html  /n/nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  /n/nDo you want to open it from the server?'))window.location='http://www.gzsums.edu.cn/webclass/html/samp/window.html'" target=window_name tppabs="http://www.gzsums.edu.cn/webclass/html/samp/window.html"><FONT color=#0072a8>开一个新窗口!</FONT></A> </P>
<P><FONT color=#ff0000>◇ 标尺线 <hr> </FONT></P>
<P><TT><hr> </TT></P>
<HR>

<P><hr size=#> </P>
<P><TT><hr size=10> </TT></P>
<HR SIZE=10>

<P><hr width=#> </P>
<P><TT><hr width=50><BR><hr width=50%> </TT></P>
<HR width=50>

<HR width="50%">

<P> </P>
<P><hr align=#> #=left, right </P>
<P><TT><hr width=50% align=left><BR><hr width=50% align=right> </TT></P>
<P> </P>
<HR align=left width="50%">

<HR align=right width="50%">

<P><hr noshade> </P>
<P><TT><hr noshade> </TT></P>
<HR noShade>

<P><hr color=#> 
<DL>
<DD>#=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩:<BR><FONT color=#000000>Black</FONT>, <FONT color=#808000>Olive</FONT>, <FONT color=#008080>Teal</FONT>, <FONT color=#ff0000>Red</FONT>, <FONT color=#0000ff>Blue</FONT>, <FONT color=#800000>Maroon</FONT>, <FONT color=#000080>Navy</FONT>, <FONT color=#808080>Gray</FONT>, <FONT color=#00ff00>Lime</FONT>, <BR><FONT color=#ff00ff>Fuchsia</FONT>, <FONT color=#ffffff>White</FONT>, <FONT color=#008000>Green</FONT>, <FONT color=#800080>Purple</FONT>, <FONT color=#c0c0c0>Silver</FONT>, <FONT color=#ffff00>Yellow</FONT>, <FONT color=#00ffff>Aqua</FONT> </DD></DL>
<P><TT><hr color="red"> </TT></P>
<HR color=red> </div>

          </div>

                               

             <div class="blog_handle">
        <span id="digg"  style="cursor:pointer"><i class="iconfont"></i><em>0</em></span>
        <span id="bury" style="cursor:pointer"><i class="iconfont"></i><em>0</em></span>
       
    </div>



              <div class="prev_next">
              </div>         
        </div>
        
    

          <script type="text/javascript">
               /*csdn wap端 博客内页-20:3 创建于 2016-05-10*/
               var cpro_id = "u2634430";
            </script>           
          <!-- 广告位:WAP端-博客详情页banner2-20:3 -->
        <script>
            (function() {
                var s = "_" + Math.random().toString(36).slice(2);
                document.write('<div id="' + s + '"></div>');
                (window.slotbydup=window.slotbydup || []).push({
                    id: '4777150',
                    container: s,
                    size: '20,3',
                    display: 'inlay-fix'
                });
            })();
        </script>


       
<script  type="text/javascript"  src="/static/js/highcode.js"></script>
<script type="text/javascript">
    var fileName = '103716';
    var commentscount = 0;
    var islock = false;
    var currentUserName='';
    var topSize=3;
    var listId = ".blog_comment_list";
</script>

<div class="no_comment"  style="display:none"><i class="iconfont"></i><span>暂无评论,</span><a href="/comment/post?id=103716">我去发表</a><em>~</em></div>

 <div class="blog_comment"  style="display:none">
       <h3 class="isComment">评论<span>(0)</span></h3>
       <dl class="blog_comment_list"></dl>
       <div class="checkAll"></div>
 </div>

<script  type="text/javascript" src="/static/js/comment.js"></script>



       
        <div style="display:none" id="tags">html,tags</div>

   
<script type="text/javascript">
    /*wap端-博客内页热门文章上通栏-20:5*/
    var cpro_id = "u2901277";
</script>
<!-- 广告位:WAP端-博客详情页banner3-20:5 -->
<script>
    (function () {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: '4777155',
            container: s,
            size: '20,5',
            display: 'inlay-fix'
        });
    })();
</script>

<div class="my_hot_article">
         <h3 class="isArticle">相关博文</h3>

                  <ul class="hot_article tracking-ad" id="res" data-mod="popu_36">
                                   <li>                                      
                                       <a href="http://download.csdn.net/download/sntetwt/978863" title="页面(PAGE)标记(TAGS)" strategy="BlogCommendFromCsdn" target="_blank">页面(PAGE)标记(TAGS)</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/huangyiyun/article/details/6279223" title="HTML之Page标记" strategy="BlogCommendFromCsdn" target="_blank">HTML之Page标记</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/u011609661/article/details/9774341" title="HTML入门教程 - 2.标签、属性和元素(Tags, Attributes, and Elements)" strategy="BlogCommendFromCsdn" target="_blank">HTML入门教程 - 2.标签、属性和元素(Tags, Attributes, and Elements)</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://download.csdn.net/download/daniao2003/4206823" title="HTML5网页设计初窥系列课程(2):新的页面组织标记" strategy="BlogCommendFromCsdn" target="_blank">HTML5网页设计初窥系列课程(2):新的页面组织标记</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/FreeApe/article/details/48464149" title="PHP---ajax传递POST值(包含html标记)到提交页面数据丢失或乱码" strategy="BlogCommendFromCsdn" target="_blank">PHP---ajax传递POST值(包含html标记)到提交页面数据丢失或乱码</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/sdliujiangbo/article/details/16819775" title="《文字与段落——使用HTML标记完成页面排版》" strategy="BlogCommendFromCsdn" target="_blank">《文字与段落——使用HTML标记完成页面排版》</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/W3031213101/article/details/6363858" title="如何通过HTML标记或JS代码实现跳转返回页面顶部" strategy="BlogCommendFromCsdn" target="_blank">如何通过HTML标记或JS代码实现跳转返回页面顶部</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://blog.csdn.net/aixiaoxue520/article/details/18528201" title="实现页面内的指定位置跳转 HTML标记语言:锚点的使用" strategy="BlogCommendFromCsdn" target="_blank">实现页面内的指定位置跳转 HTML标记语言:锚点的使用</a>
                                   </li>
                                   <li>                                      
                                       <a href="http://download.csdn.net/download/jcy787211820/632115" title="html标记完全教程" strategy="BlogCommendFromCsdn" target="_blank">html标记完全教程</a>
                                   </li>
                  </ul>
        </div>

      
<script type="text/javascript">
    /*wap端-博客内页相关博文上通栏-20:5*/
    var cpro_id = "u2901286";
</script>
<!-- 广告位:WAP端-博客详情页banner4-20:5 -->
<script>
    (function () {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: '4777158',
            container: s,
            size: '20,5',
            display: 'inlay-fix'
        });
    })();
</script>

        
    <div class="my_hot_article">
          <h3 class="isArticle">我的热门文章</h3>
          <ul class="hot_article">
                <li><a href="/rmzhang33/article/details/105778">象QQ一样的自动伸缩菜单 </a></li>
                <li><a href="/rmzhang33/article/details/105245">通过超链接提交表单</a></li>
                <li><a href="/rmzhang33/article/details/105198">如何判断ACTIVEX控件是否下载</a></li>
                <li><a href="/rmzhang33/article/details/105237">检测浏览器是否安装了Quicktime和Shockwave视频插件</a></li>
                <li><a href="/rmzhang33/article/details/105233">Iframe的隐藏和显示 </a></li>
          </ul>
        </div>

<script type="text/javascript" src="//c.csdnimg.cn/rabbit/tracking-ad/main.js?20170606001"></script>








       
      </div>

        
   <div class="leftNav">
      
<div class="left_top">
        <a href="https://passport.csdn.net/account/login?from=http%3a%2f%2fm.blog.csdn.net%2frmzhang33%2farticle%2fdetails%2f103716"><img src="http://avatar.csdn.net/1/B/B/1_csdn.jpg"></a>
        <a href="https://passport.csdn.net/account/login?from=http%3a%2f%2fm.blog.csdn.net%2frmzhang33%2farticle%2fdetails%2f103716" class="sign">未登录</a> 
</div>
        
        <ul class="nav_list">
            <li><a href="/home/index"><i>•</i><span>首页</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=mobile&Type="><i>•</i><span>移动开发</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=enterprise&Type="><i>•</i><span>架构</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=cloud&Type="><i>•</i><span>云计算/大数据</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=www&Type="><i>•</i><span>互联网</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=system&Type="><i>•</i><span>运维</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=database&Type="><i>•</i><span>数据库</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=web&Type="><i>•</i><span>前端</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=code&Type="><i>•</i><span>编程语言</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=software&Type="><i>•</i><span>研发管理</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
                <li><a href="/Column/Column?Channel=other&Type="><i>•</i><span>综合</span><img src="/static/images/iconfont-youjiantou.png" alt="img" class="arrow_r"></a></li>
        </ul>
   </div>
   

      <div id="mask"></div>
    </div>


   

    <div class="backToTop"><img src="/static/images/iconfont-fudongxiangshang.png" alt="img"></div>
    <!--分享弹窗:-->
    <div class="popup_cover"></div>
    <div class="sharePopup_box">
      <div class="sharePopup">
        <!--JiaThis Button BEGIN-->
        <div class="jiathis_style_32x32"><a class="jiathis_button_weixin"><b><i class="iconfont"></i></b><em>微信分享</em></a><a class="jiathis_button_tsina"><b><i class="iconfont"></i></b><em>新浪微博</em></a><a class="jiathis_button_cqq"><b><i class="iconfont"></i></b><em>QQ好友</em></a><a class="jiathis_button_qzone"><b><i class="iconfont"></i></b><em>QQ空间</em></a></div>
        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
        <!--JiaThis Button END-->
      </div>
      <div class="sharePopup_cancel">取 消</div>
    </div>
    <script>
      $(function(){
        $('#share_btn').click(function(){
          $('.popup_cover').stop().show();
          $('.sharePopup_box').stop().slideDown();
        });
        $('.sharePopup_cancel').click(function(){
          $('.popup_cover').stop().hide();
          $('.sharePopup_box').stop().slideUp();
        });
      })
    </script>





</body>

   <div class="backToTop"  style="z-index:9999999;"><img src="/static/images/iconfont-fudongxiangshang.png" alt="img"></div>
    <div class="blog_footer" >©1999-2012, csdn.net, All Rights Reserved</div>
    <script type="text/javascript" src="/static/js/apps/fontSize.js"></script>
<script type="text/javascript" charset="utf-8" src="http://csdnimg.cn/pubfooter/js/tracking.js?fe68e58"></script>




</html>