九乡新闻网财上海:网页制作基础教程：html详细教程 - 顶峰网
来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 23:02:59
页面(PAGE)标记(TAGS)
HTML 文件结构(Document Structures)
...
...
...
, <base>, <link>, <isindex>, <meta></HEAD><BODY>HTML 文件的正文写在这里... ...</BODY></HTML></pre></dl><p><h2><img style='max-width:300px;' id="img1" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 语言字符集(Charsets)的信息 <img style='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><img style='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> <img style='max-width:300px;' id="img4" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_3.gif" /></h3><pre><p><h2><img style='max-width:300px;' id="img5" src="http://image17.360doc.cn/DownloadImg/2010/11/1622/6859232_1.gif" /> 页面空白(Margin) <img style='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><img style='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 name="name"> ... </a> </h3><dl><dd><tt><font face="新宋体"><a href="#jump-test">跳转到下一个"链接点"</a><P><br><a name="jump-test">下一个链接点</a> </font></tt></dd></dl><p>跳转到下一个"链接点"</p><p>下一个链接点</p><pre><p><h3>跳转到另一个页面的某个地方<br><a href="URL#name"> ... </a><br><a name="name"> ... </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><img style='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><img style='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=#> <img style='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="list-group"> <a href="/article/jnglhg" class="list-group-item">网页制作基础教程：html详细教程 - 顶峰网</a> <a href="/article/jnozvv" class="list-group-item">爱淘课HTML网页制作基础教程-eNet网络学院</a> <a href="/article/jqmtbl" class="list-group-item">html语言教程／网页编程基础教程</a> <a href="/article/jrelvq" class="list-group-item">HTML表格标记教程(12):边框样式属性FRAME-HTML/Xhtml-网页制作-网页...</a> <a href="/article/jlfuwe" class="list-group-item">HTML教程，HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a> <a href="/article/jmzddv" class="list-group-item">HTML教程，HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a> <a href="/article/jmzhyd" class="list-group-item">HTML教程，HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a> <a href="/article/jlzcav" class="list-group-item">高手网：网页制作教程</a> <a href="/article/jnnash" class="list-group-item">20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ...</a> <a href="/article/jpoaxc" class="list-group-item">HTML 基础教程</a> <a href="/article/jmcqym" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/jmwyrs" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/jltyxv" class="list-group-item">建站指南->>网页教学网(http://www.webjx.com)建站指南|网页制作|网页特效|Flash动画|网络编程|素材下载|教程下载|建站|HTML|CSS|JAVASCRIPT|ASP|PHP|JSP|ASP.NET|数据库</a> <a href="/article/jrlkty" class="list-group-item">网页制作的详细过程</a> <a href="/article/jnuewz" class="list-group-item">HTML表格边框制作教程gf</a> <a href="/article/jmlcet" class="list-group-item">网页制作【HTML】 - 博雅轩的日志 - 网易博客</a> <a href="/article/jozfuz" class="list-group-item">如何制作网页滚动文字（html）（一）</a> <a href="/article/jozfvd" class="list-group-item">制作网页滚动文字（html）（二）</a> <a href="/article/jlkabe" class="list-group-item">利用表格制作网页详细介绍->>网页教学网Webjx.Com 提供最新最快的网页技术</a> <a href="/article/jptbhl" class="list-group-item">PDF电子书制作详细教程</a> <a href="/article/jncxtr" class="list-group-item">利用表格制作网页的详细步骤 -</a> <a href="/article/joppkk" class="list-group-item">网页制作的详细过程(文章、方法)</a> <a href="/article/jlkakw" class="list-group-item">Dreamweaver网页制作教程：表格设计</a> <a href="/article/jrjwzi" class="list-group-item">Dreamweaver网页制作教程：发布网站</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/jqwjng" title="民间相学真髓">民间相学真髓</a> <a class="btn btn-default" href="/article/jqwjnh" title="使你自己成为珍珠">使你自己成为珍珠</a> <a class="btn btn-default" href="/article/jqwjni" title="重庆包工头绑石投江续：曾给其放贷官员离奇溺死长江">重庆包工头绑石投江续：曾给其放贷官员离奇溺死长江</a> <a class="btn btn-default" href="/article/jqwjnj" title="中考物理基础知识汇编">中考物理基础知识汇编</a> <a class="btn btn-default" href="/article/jqwjnk" title="对不起，我应该不再爱你了～">对不起，我应该不再爱你了～</a> <a class="btn btn-default" href="/article/jqwjnl" title="婚纱摄影新娘造型的发饰设计与潮流趋势">婚纱摄影新娘造型的发饰设计与潮流趋势</a> <a class="btn btn-default" href="/article/jqwjnm" title="实木地板与复合地板的区别">实木地板与复合地板的区别</a> <a class="btn btn-default" href="/article/jqwjnn" title="100首惟妙古筝，清澈你心！">100首惟妙古筝，清澈你心！</a> <a class="btn btn-default" href="/article/jqwjno" title="菩萨集锦">菩萨集锦</a> <a class="btn btn-default" href="/article/jqwjnp" title="中国古代商人最智慧的经商十诀">中国古代商人最智慧的经商十诀</a> <a class="btn btn-default" href="/article/jqwjnq" title="欧阳询行书千字文">欧阳询行书千字文</a> <a class="btn btn-default" href="/article/jqwjnr" title="【引用】做人态度歌 -">【引用】做人态度歌 -</a> <a class="btn btn-default" href="/article/jqwjns" title="谈独立开店成功率:">谈独立开店成功率:</a> <a class="btn btn-default" href="/article/jqwjnt" title="翻白草、地骨皮治糖尿病">翻白草、地骨皮治糖尿病</a> <a class="btn btn-default" href="/article/jqwjnu" title="关于装修的文章，非常实用（一）">关于装修的文章，非常实用（一）</a> <a class="btn btn-default" href="/article/jqwjnv" title="性生活，是一场高尚的情爱">性生活，是一场高尚的情爱</a> <a class="btn btn-default" href="/article/jqwjnw" title="简单几招将手机模糊照片调清晰">简单几招将手机模糊照片调清晰</a> <a class="btn btn-default" href="/article/jqwjnx" title="一个外资热钱操盘手的自白">一个外资热钱操盘手的自白</a> <a class="btn btn-default" href="/article/jqwjny" title="最短命的活法">最短命的活法</a> <a class="btn btn-default" href="/article/jqwjnz" title="两个人在一起最重要的是什么">两个人在一起最重要的是什么</a> <a class="btn btn-default" href="/article/jqwjoa" title="四大局24山分金、輔星九星水法水口吉凶断">四大局24山分金、輔星九星水法水口吉凶断</a> <a class="btn btn-default" href="/article/jqwjob" title="【水墨画】真的很牛…">【水墨画】真的很牛…</a> <a class="btn btn-default" href="/article/jqwjoc" title="独门绝活：用数码相机录入文字">独门绝活：用数码相机录入文字</a> <a class="btn btn-default" href="/article/jqwjod" title="给你的客户一个无法拒绝的理由">给你的客户一个无法拒绝的理由</a> <a class="btn btn-default" href="/article/jqwjoe" title="风靡日本“蔬菜汤”秘方之一">风靡日本“蔬菜汤”秘方之一</a> <a class="btn btn-default" href="/article/jqwjof" title="中国特色的爆笑幽默">中国特色的爆笑幽默</a> <a class="btn btn-default" href="/article/jqwjog" title="冬季保养切记要多喝蜂蜜少吃姜">冬季保养切记要多喝蜂蜜少吃姜</a> <a class="btn btn-default" href="/article/jqwjoh" title="触摸经典 借石攻玉:“美文读—赏—仿—评”读写模式9">触摸经典 借石攻玉:“美文读—赏—仿—评”读写模式9</a> <a class="btn btn-default" href="/article/jqwjoi" title="3D差值反推组选 - 麒麟3D研修学院 - 经济理财 - 搜狐圈子">3D差值反推组选 - 麒麟3D研修学院 - 经济理财 - 搜狐圈子</a> <a class="btn btn-default" href="/article/jqwjoj" title="今夜特别的想你！">今夜特别的想你！</a> <a class="btn btn-default" href="/article/jqwjok" title="中星9号2011年9月29日最新PID码">中星9号2011年9月29日最新PID码</a> </div> </div></div> <div class="copy-right"> <p>九乡新闻网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> <div class="copy-right"> <div class="container"> <div class="col-md-12"> <a href="https://www.q-5.net/" target="_blank">最新新闻</a> <a href="https://www.wacths.com/" target="_blank">沃茨手表网</a> <a href="https://www.csdndoc.com/" target="_blank">CSDN程序文档</a> <a href="https://www.cmjoy.com/" target="_blank">上海旅游网</a> <a href="https://www.smbaike.com/" target="_blank">神马百科</a> <a href="https://www.familylifemag.com/" target="_blank">程序博客</a> <a href="https://www.xjpta.cn/" target="_blank">香蕉皮作业帮</a> <a href="https://www.cidugushi.com/" target="_blank">景德镇新闻网</a> <a href="https://www.uyuyao.com/" target="_blank">余姚信息网</a> <a href="https://www.zuoyewang.cc/" target="_blank">作业帮作业网</a> <a href="https://www.wenda8.com/" target="_blank">互助问答吧</a> <a href="https://www.16lo.com/" target="_blank">16楼社区</a> <a href="https://www.zyebang.com/">解题作业帮</a><a href="https://www.6210k.com/">艺术百科</a><a href="http://www.ld5.top/">亮点网</a><a href="http://www.smbaike.com/">神马百科</a> <a href="https://www.smwenxue.com/">神马文学网</a> <a href="https://www.zuoye5.com/">拍题作业网</a> <a href="https://www.uczhidao.com/">UC知道</a> <a href="https://www.52sanwen.top/">我爱散文网</a> <a href="https://www.bfwang.top/">北方网</a> <a href="https://www.kexue5.top/">科学网</a> <a href="https://www.wenku1.top/">第一文库网</a> <a href="https://www.wszyw.top/">微思作业网</a> <a href="https://www.wz51.top/">我要文章网</a> <a href="https://www.dsp33.cn/">都市新闻网</a><a href="https://www.xofi.com.cn/">西欧教育</a><a href="https://www.xs2xf.cn/">西山新闻网</a><a href="https://www.holoes.com.cn/">好楼房产信息网</a> <a href="https://www.9x1x.cn/">九乡新闻网</a><a href="https://www.vnql.com.cn/">农企信息网</a><a href="https://www.xnvm.com.cn/">仙女们写真照片</a><a href="https://www.lumta.com.cn/">音乐简谱网</a><a href="https://www.miliya.com.cn/">米粒芽</a><a href="https://www.xuexiaodaquan.net/">学校大全网</a><a href="https://www.wz95.cn/">95后网站</a><a href="https://www.ranatlanta.cn/">汝南网</a><a href="https://www.opuo.com.cn/">欧普网</a><a href="https://www.7c4.com.cn/">宝宝故事网</a> <a href="https://www.pp6a.cn/">神马品牌网</a> <a href="https://www.hzxzt.com.cn/">杭州交通信息网/"></a> <a href="https://www.hzsgz.com.cn/">杭州市高中教育平台</a> <a href="https://www.crrcn.cn/">查人人中国名人网</a> <a href="https://www.amzr.com.cn/">爱美之人</a> <a href="https://www.scmpx.com.cn/">上车买票</a> <a href="https://www.azxt.com.cn/">安卓系统之家</a> <a href="https://www.520sdw.cn/">中科新闻网</a> <a href="https://www.218zy.cn/">科学院研究所</a> <a href="https://www.ekowh.cn/">高考快车</a> <a href="https://www.520gsw.cn/">高考志愿帮</a> <a href="https://www.madbar.cn/">大学志愿大全</a> <a href="https://www.oisogo.cn/">高校问答</a> <a href="https://www.togowu.cn/">高考问答</a> <a href="https://www.mdeusa.cn/">中考百科</a> <a href="https://www.520bzw.cn/">大学知道</a> <a href="https://www.9uwang.cn/">久游网</a> </div></div></div> </body> </html>