神马文学网网页制作基础教程：html详细教程
来源：百度文库 编辑：神马文学网 时间：2024/06/02 23:24:49
页面(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/2556151" class="list-group-item">网页制作基础教程：html详细教程</a> <a href="/article/2225355" class="list-group-item">网页制作教程《网页制作基础教程》</a> <a href="/article/2873514" class="list-group-item">HTML网页制xxx作教程第四章：建立超链接 - HTML教程 - 网站制作教程网</a> <a href="/article/183540" class="list-group-item">网页字体的设置 - html,html教程,html语言</a> <a href="/article/9622" class="list-group-item">CSS应用小技巧十四例[网页制作,PHP,MySql,Html,Javascript教程]</a> <a href="/article/2622276" class="list-group-item">HTML语言大全-HTML/Xhtml-网页制作-网页教学网</a> <a href="/article/1617891" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/100839" class="list-group-item">HTML表单(Forms)-HTML教程 网页教程与代码</a> <a href="/article/1726479" class="list-group-item">网页制作教程 编写</a> <a href="/article/2210934" class="list-group-item">网页制作教程视频</a> <a href="/article/1461478" class="list-group-item">制作网页详细操作步骤</a> <a href="/article/1775898" class="list-group-item">html代码示例 网页教程与代码</a> <a href="/article/2211278" class="list-group-item">Drwamweaver网页制作标准教程</a> <a href="/article/2225263" class="list-group-item">Dreamweaver网页制作教程：超级链接</a> <a href="/article/1572237" class="list-group-item">[教程] 巧用frontpage2003制作HTML帖子</a> <a href="/article/1953537" class="list-group-item">HTML语言音画制作教程2</a> <a href="/article/2248682" class="list-group-item">[教程] 巧用frontpage2003制作HTML帖子</a> <a href="/article/975765" class="list-group-item">XP母盘制作详细教程</a> <a href="/article/1786310" class="list-group-item">PDF电子书制作详细教程</a> <a href="/article/2242452" class="list-group-item">PDF电子书制作详细教程</a> <a href="/article/2762351" class="list-group-item">PDF电子书制作详细教程</a> <a href="/article/2977178" class="list-group-item">PDF电子书制作详细教程</a> <a href="/article/2622267" class="list-group-item">HTML教程，HTML代码 网页教程与代码 www.admin5.com 站长网教程中心</a> <a href="/article/2907946" class="list-group-item">HTML基础Tag-HTML教程 网页教程与代码 站长网教程中心</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/775052" title="网络的邪教终受正义的审判">网络的邪教终受正义的审判</a> <a class="btn btn-default" href="/article/775053" title="透过财报“侦破”公司的持久竞争优势">透过财报“侦破”公司的持久竞争优势</a> <a class="btn btn-default" href="/article/775054" title="不可思议：99%的人不了解的真实中国历史！！！">不可思议：99%的人不了解的真实中国历史！！！</a> <a class="btn btn-default" href="/article/775055" title="《爱人》">《爱人》</a> <a class="btn btn-default" href="/article/775056" title="旧城改造补偿方案出台:补偿费最高可买到一手房 时政要闻 南方网">旧城改造补偿方案出台:补偿费最高可买到一手房 时政要闻 南方网</a> <a class="btn btn-default" href="/article/775057" title="看后至少多活十年">看后至少多活十年</a> <a class="btn btn-default" href="/article/775058" title="旧城改造补偿方案出台:补偿费最高可买到一手房 时政要闻 南方网2">旧城改造补偿方案出台:补偿费最高可买到一手房 时政要闻 南方网2</a> <a class="btn btn-default" href="/article/775059" title="数百种化学成分涂上身 警惕化妆品危害健康">数百种化学成分涂上身 警惕化妆品危害健康</a> <a class="btn btn-default" href="/article/775060" title="人生应该学会的东西 - Qzone日志">人生应该学会的东西 - Qzone日志</a> <a class="btn btn-default" href="/article/775061" title="网购老手谈经验">网购老手谈经验</a> <a class="btn btn-default" href="/article/775062" title="《情感读本》杂志运营模式探讨">《情感读本》杂志运营模式探讨</a> <a class="btn btn-default" href="/article/775063" title="食用鸡蛋的十个常见误区 - Qzone日志">食用鸡蛋的十个常见误区 - Qzone日志</a> <a class="btn btn-default" href="/article/775064" title="人到中年十件事">人到中年十件事</a> <a class="btn btn-default" href="/article/775065" title="凡人经典哲理语录100句 - Qzone日志">凡人经典哲理语录100句 - Qzone日志</a> <a class="btn btn-default" href="/article/775066" title="全球外汇交易量大幅反弹">全球外汇交易量大幅反弹</a> <a class="btn btn-default" href="/article/775067" title="100句经典构建你良好的人际关系 - Qzone日志">100句经典构建你良好的人际关系 - Qzone日志</a> <a class="btn btn-default" href="/article/775068" title="郎咸平官方博客 - 现代东印度公司如何掠夺我们的粮食">郎咸平官方博客 - 现代东印度公司如何掠夺我们的粮食</a> <a class="btn btn-default" href="/article/775069" title="民间偏方1">民间偏方1</a> <a class="btn btn-default" href="/article/775070" title="天天食奇异果 降低坏胆固醇">天天食奇异果 降低坏胆固醇</a> <a class="btn btn-default" href="/article/775071" title="沪杭高铁步云特大桥266号桥墩支架坍塌原因查明">沪杭高铁步云特大桥266号桥墩支架坍塌原因查明</a> <a class="btn btn-default" href="/article/775072" title="女性不可藐视的七大健康常识 - Qzone日志">女性不可藐视的七大健康常识 - Qzone日志</a> <a class="btn btn-default" href="/article/775073" title="含有防腐劑的清潔與化妝品">含有防腐劑的清潔與化妝品</a> <a class="btn btn-default" href="/article/775074" title="视频终端综合征并非年轻人“专利”">视频终端综合征并非年轻人“专利”</a> <a class="btn btn-default" href="/article/775075" title="仙居一提炼白金的作坊凌晨爆炸">仙居一提炼白金的作坊凌晨爆炸</a> <a class="btn btn-default" href="/article/775076" title="十大方式喝牛奶：越喝越伤身 - Qzone日志">十大方式喝牛奶：越喝越伤身 - Qzone日志</a> <a class="btn btn-default" href="/article/775077" title="女人洞房那天(超感人,女生必看,男生必学!都不许哭)``` - Qzone日志">女人洞房那天(超感人,女生必看,男生必学!都不许哭)``` - Qzone日志</a> <a class="btn btn-default" href="/article/775078" title="千万不要死于无知——北大教授讲保健">千万不要死于无知——北大教授讲保健</a> <a class="btn btn-default" href="/article/775079" title="揭秘不宜与牛奶一起吃的食物 - Qzone日志">揭秘不宜与牛奶一起吃的食物 - Qzone日志</a> <a class="btn btn-default" href="/article/775080" title="冬季，加倍呵护糖尿病足">冬季，加倍呵护糖尿病足</a> <a class="btn btn-default" href="/article/775081" title="最简单有效的五脏排毒方法">最简单有效的五脏排毒方法</a> <a class="btn btn-default" href="/article/775082" title="南京含羞草食品有限公司火灾 过火面积约1300平方米">南京含羞草食品有限公司火灾 过火面积约1300平方米</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>