财上海:网页制作基础教程:html详细教程 - 顶峰网

来源:百度文库 编辑:九乡新闻网 时间:2024/05/13 19:46:55

页面(PAGE)标记(TAGS)

 


HTML 文件结构(Document Structures)

...
...
...

, <base>, <link>, <isindex>, <meta></HEAD><BODY>HTML 文件的正文写在这里... ...</BODY></HTML></pre></dl><p><h2><mip-img s='max-width:300px;' id="img1" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 语言字符集(Charsets)的信息 <mip-img s='max-width:300px;' id="img2" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_2.gif" /></h2><h3><meta http-equiv="Content-Type" content="text/html;charset=#"><br></h3><dl compact=""><dt>#= </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>尤其是主页里用到了字符实体(entities),则该主页就应该写明字符集信息。<br>否则,您在浏览该主页时,若未正确设置语言选项,显示将可能混乱。</p><pre><p><h2><mip-img s='max-width:300px;' id="img3" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 背景色彩和文字色彩</h2><h3><body bgcolor=# text=# link=# alink=# vlink=#></h3><dl><dd>bgcolor --- 背景色彩 <dd>text --- 非可链接文字的色彩 <dd>link --- 可链接文字的色彩 <dd>alink --- 正被点击的可链接文字的色彩 <dd>vlink --- 已经点击(访问)过的可链接文字的色彩<h3>#=rrggbb</h3><dd>色彩是用 16 进制的 红-绿-蓝(red-green-blue, RGB) 值来表示。<br>16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.<p> </p></dd></dd></dd></dd></dd></dd></dl><h3>背景图象 <body background="image-URL"><br>Non Scrolling Background <body bgproperties=FIXED> <mip-img s='max-width:300px;' id="img4" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_3.gif" /></h3><pre><p><h2><mip-img s='max-width:300px;' id="img5" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 页面空白(Margin) <mip-img s='max-width:300px;' id="img6" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_3.gif" /></h2><p><h3>页面左边的空白 <body leftmargin=#><br>页面上方的空白(天头) <body topmargin=#> #=margin amount</h3><pre><p><h2><mip-img s='max-width:300px;' id="img7" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 链接(Link)</h2><p><h3>基本语法 <a href="URL"> ... </a></h3><dl><dd><font face="新宋体"><tt>这是一个<br><a href="samp/link.html">链接的例子</a>。 <br>点一下带下划线的文字!</tt><br></font></dd></dl><p>这是一个链接的例子。 点一下带下划线的文字!</p><p><pre><p><h3>跳转到页面的另外一个地方<br><a href="#name"> ... </a><br><a href="#"> ... </a> </h3><dl><dd><tt><font face="新宋体"><a href="#jump-test">跳转到下一个"链接点"</a><P><br><a href="#">下一个链接点</a> </font></tt></dd></dl><p>跳转到下一个"链接点"</p><p>下一个链接点</p><pre><p><h3>跳转到另一个页面的某个地方<br><a href="URL#name"> ... </a><br><a href="#"> ... </a> </h3><dl><dd><tt><font face="新宋体">跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。<br></font></tt></dd></dl><p>跳转到另一个页面的某个地方。</p><pre><p><h2><mip-img s='max-width:300px;' id="img8" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 开一个新的(浏览器)窗口 (Target Window) </h2><p><h3><a href="URL" target="Window_Name"> ... </a></h3><dl><dd><tt><font face="新宋体"><a href="samp/window.html" target="window_name"><br>开一个新窗口!<br></a> </font></tt></dd></dl><p>开一个新窗口! </p><pre><p><h2><mip-img s='max-width:300px;' id="img9" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 标尺线</h2><h3><hr></h3><p><tt><font face="新宋体"><hr> </font></tt></p><p><font face="新宋体"></font></p><font face="新宋体"><hr></font><p><pre><font face="新宋体"></font></pre><h3><hr size=#></h3><p><tt><font face="新宋体"><hr size=10> </font></tt></p><p><font face="新宋体"></font></p><font face="新宋体"><hr size="10"></font><p><pre><font face="新宋体"></font></pre><h3><hr width=#></h3><p><tt><font face="新宋体"><hr width=50><br><hr width=50%> </font></tt></p><p><font face="新宋体"></font></p><font face="新宋体"><hr></font><p><pre><font face="新宋体"></font></pre><h3><hr align=#> #=left, right</h3><p><tt><font face="新宋体"><hr width=50% align=left><br><hr width=50% align=right> </font></tt></p><p><font face="新宋体"></font></p><font face="新宋体"><hr></font><p><pre><font face="新宋体"></font></pre><h3><hr noshade></h3><p><tt><font face="新宋体"><hr noshade> </font></tt></p><p><font face="新宋体"></font></p><font face="新宋体"><hr noshade=""></font><p><pre><font face="新宋体"></font></pre><h3><hr color=#> <mip-img s='max-width:300px;' id="img10" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_3.gif" /></h3><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><font face="新宋体"><hr color="red"> </font></tt></p><p><tt><font face="新宋体"><p class="pageLink" align="center"> <strong>1</strong>/<strong>10</strong>    <strong>1</strong> 2 3 4 5 6 ›› ›|<p> </p></font></tt></pre></pre></pre></pre></pre></pre></pre></div>
        <div class="zuoye-list-a">
                                     
                <a href="/article/jnglhg">网页制作基础教程:html详细教程 - 顶峰网</a>                        
                                       
                <a href="/article/jnozvv">爱淘课HTML网页制作基础教程-eNet网络学院</a>                        
                                       
                <a href="/article/jqmtbl">html语言教程/网页编程基础教程</a>                        
                                       
                <a href="/article/jrelvq">HTML表格标记教程(12):边框样式属性FRAME-HTML/Xhtml-网页制作-网页...</a>                        
                                       
                <a href="/article/jlfuwe">HTML教程,HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a>                        
                                       
                <a href="/article/jmzddv">HTML教程,HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a>                        
                                       
                <a href="/article/jmzhyd">HTML教程,HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a>                        
                                       
                <a href="/article/jlzcav">高手网:网页制作教程</a>                        
                                       
                <a href="/article/jnnash">20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ...</a>                        
                                       
                <a href="/article/jpoaxc">HTML 基础教程</a>                        
                                       
                <a href="/article/jmcqym">HTML语言音画制作教程</a>                        
                                       
                <a href="/article/jmwyrs">HTML语言音画制作教程</a>                        
                                       
                <a href="/article/jltyxv">建站指南->>网页教学网(http://www.webjx.com)建站指南|网页制作|网页特效|Flash动画|网络编程|素材下载|教程下载|建站|HTML|CSS|JAVASCRIPT|ASP|PHP|JSP|ASP.NET|数据库</a>                        
                                       
                <a href="/article/jrlkty">网页制作的详细过程</a>                        
                                       
                <a href="/article/jnuewz">HTML表格边框制作教程gf</a>                        
                                       
                <a href="/article/jmlcet">网页制作【HTML】 - 博雅轩的日志 - 网易博客</a>                        
                                       
                <a href="/article/jozfuz">如何制作网页滚动文字(html)(一)</a>                        
                                       
                <a href="/article/jozfvd">制作网页滚动文字(html)(二)</a>                        
                                       
                <a href="/article/jlkabe">利用表格制作网页详细介绍->>网页教学网Webjx.Com 提供最新最快的网页技术</a>                        
                                       
                <a href="/article/jptbhl">PDF电子书制作详细教程</a>                        
                                       
                <a href="/article/jncxtr">利用表格制作网页的详细步骤 -</a>                        
                                       
                <a href="/article/joppkk">网页制作的详细过程(文章、方法)</a>                        
                                       
                <a href="/article/jlkakw">Dreamweaver网页制作教程:表格设计</a>                        
                                       
                <a href="/article/jrjwzi">Dreamweaver网页制作教程:发布网站</a>                        
                        </div>
  </div>
</div>       
        
    </div>
</div>  

</div> 
</div>

<div id="footer">
  <div class="footerlinks">
  <div class="panel panel-default">
  <div class="panel-heading">相关问题</div>
  <div class="panel-body">
      <a class="btn btn-default" href="/article/jqbjxa" title="娱乐一周精选大图值得欣赏">娱乐一周精选大图值得欣赏</a>
      <a class="btn btn-default" href="/article/jqbjxb" title="梅德韦杰夫幕僚称普京威信减退 梅氏将寻求连任——中新网">梅德韦杰夫幕僚称普京威信减退 梅氏将寻求连任——中新网</a>
      <a class="btn btn-default" href="/article/jqbjxc" title="百 贵 精 言……【人生哲理】">百 贵 精 言……【人生哲理】</a>
      <a class="btn btn-default" href="/article/jqbjxd" title="玩转全球最著名的免费景点">玩转全球最著名的免费景点</a>
      <a class="btn btn-default" href="/article/jqbjxe" title="车顶那扇窗很娇气 请正确的使用和保养天窗">车顶那扇窗很娇气 请正确的使用和保养天窗</a>
      <a class="btn btn-default" href="/article/jqbjxf" title="官员裸聊怎就成了一部多幕闹剧?(图)">官员裸聊怎就成了一部多幕闹剧?(图)</a>
      <a class="btn btn-default" href="/article/jqbjxg" title="揭秘:世界九大巨乳女郎">揭秘:世界九大巨乳女郎</a>
      <a class="btn btn-default" href="/article/jqbjxh" title="许小年:世界经济根本没从2008年危机中恢复过来">许小年:世界经济根本没从2008年危机中恢复过来</a>
      <a class="btn btn-default" href="/article/jqbjxi" title="2010年高考语文复习全案:?正确使用词语">2010年高考语文复习全案:?正确使用词语</a>
      <a class="btn btn-default" href="/article/jqbjxj" title="给男人的忠告1">给男人的忠告1</a>
      <a class="btn btn-default" href="/article/jqbjxk" title="家庭自酿红葡萄酒!【生活百科】">家庭自酿红葡萄酒!【生活百科】</a>
      <a class="btn btn-default" href="/article/jqbjxl" title="《中国的和平发展》白皮书(全文)">《中国的和平发展》白皮书(全文)</a>
      <a class="btn btn-default" href="/article/jqbjxm" title="揭秘:男女身上的9个性爱开关(组图)">揭秘:男女身上的9个性爱开关(组图)</a>
      <a class="btn btn-default" href="/article/jqbjxn" title="职场会客须知的14个小技巧">职场会客须知的14个小技巧</a>
      <a class="btn btn-default" href="/article/jqbjxo" title="中国新和平白皮书为何此时出炉">中国新和平白皮书为何此时出炉</a>
      <a class="btn btn-default" href="/article/jqbjxp" title="国内成本上升人民币升值加快 外贸企业面临长冬">国内成本上升人民币升值加快 外贸企业面临长冬</a>
      <a class="btn btn-default" href="/article/jqbjxq" title="2010年高考语文复习全案:正确使用标点符号">2010年高考语文复习全案:正确使用标点符号</a>
      <a class="btn btn-default" href="/article/jqbjxr" title="牛奶VS豆浆 哪个更适合减肥?">牛奶VS豆浆 哪个更适合减肥?</a>
      <a class="btn btn-default" href="/article/jqbjxs" title="芯片级大肢解 小米手机最详细拆机解析">芯片级大肢解 小米手机最详细拆机解析</a>
      <a class="btn btn-default" href="/article/jqbjxt" title="影评:认识主席才能入围威尼斯?">影评:认识主席才能入围威尼斯?</a>
      <a class="btn btn-default" href="/article/jqbjxu" title="人想人爱的歌曲音乐45首【极品音画】">人想人爱的歌曲音乐45首【极品音画】</a>
      <a class="btn btn-default" href="/article/jqbjxv" title="笨拙的女人更容易抓住幸福">笨拙的女人更容易抓住幸福</a>
      <a class="btn btn-default" href="/article/jqbjxw" title="对付不吃饭孩子有高招">对付不吃饭孩子有高招</a>
      <a class="btn btn-default" href="/article/jqbjxx" title="2010年高考语文复习全案:识记正确书写现代常用规范字">2010年高考语文复习全案:识记正确书写现代常用规范字</a>
      <a class="btn btn-default" href="/article/jqbjxy" title="教育部试点教师定期注册考核 不达标者将退出">教育部试点教师定期注册考核 不达标者将退出</a>
      <a class="btn btn-default" href="/article/jqbjxz" title="每天喝一碗 去白发(男女通用)">每天喝一碗 去白发(男女通用)</a>
      <a class="btn btn-default" href="/article/jqbjya" title="神功無敵——易筋經十二式12">神功無敵——易筋經十二式12</a>
      <a class="btn btn-default" href="/article/jqbjyb" title="情妇起义,只是被窝里的风暴">情妇起义,只是被窝里的风暴</a>
      <a class="btn btn-default" href="/article/jqbjyc" title="夫妻吵架赛烧钱烧十万 老公杀妻报警称老婆失踪">夫妻吵架赛烧钱烧十万 老公杀妻报警称老婆失踪</a>
      <a class="btn btn-default" href="/article/jqbjyd" title="沈师大新生坐千万豪车报到 全国不超过10辆(图)">沈师大新生坐千万豪车报到 全国不超过10辆(图)</a>
      <a class="btn btn-default" href="/article/jqbjye" title="中华人民共和国法律法规--大全">中华人民共和国法律法规--大全</a>
         
  </div>
</div>  </div>
  <div class="copy-right">
<p>九乡新闻网,客观、专业、权威的知识性互动百科全书。</p></div>
</div>  

</div>
<!--mip 运行环境-->
<mip-stats-baidu>
    <script type="application/json">
        {
            "token": "97cc1851a34f9e233119ff36ecf54098",
            "_setCustomVar": [1, "login", "1", 2],
            "_setAutoPageview": [true]
        }
    </script>
</mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
        <!--分享组件 代码-->
        <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>
        <!--百度统计组件 代码-->
        <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
  </body>
</html>