神马文学网网页制作基础教程：html详细教程
来源：百度文库 编辑：神马文学网 时间：2024/04/29 02:56:50
页面(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/886953" title="中国人一年吃掉300万吨地沟油 彻底禁绝需10年">中国人一年吃掉300万吨地沟油 彻底禁绝需10年</a> <a class="btn btn-default" href="/article/886954" title="难忘中东的精彩镜头:开罗回忆">难忘中东的精彩镜头:开罗回忆</a> <a class="btn btn-default" href="/article/886955" title="桃花痣">桃花痣</a> <a class="btn btn-default" href="/article/886956" title="你是九等人中的哪一等？">你是九等人中的哪一等？</a> <a class="btn btn-default" href="/article/886957" title="样板戏图_">样板戏图_</a> <a class="btn btn-default" href="/article/886958" title="我国深海天然气开发获重大突破">我国深海天然气开发获重大突破</a> <a class="btn btn-default" href="/article/886959" title="深圳“贪污30亿”村官取保候审期官复原职(图)">深圳“贪污30亿”村官取保候审期官复原职(图)</a> <a class="btn btn-default" href="/article/886960" title="毛主席語錄全集">毛主席語錄全集</a> <a class="btn btn-default" href="/article/886961" title="现代京剧：奇袭白虎团 + 杜鹃山_">现代京剧：奇袭白虎团 + 杜鹃山_</a> <a class="btn btn-default" href="/article/886962" title="相断风流女">相断风流女</a> <a class="btn btn-default" href="/article/886963" title="现代京剧《红色娘子军》+ 《磐石湾》_">现代京剧《红色娘子军》+ 《磐石湾》_</a> <a class="btn btn-default" href="/article/886964" title="另类催眠减肥法 潜意识让你瘦 ———— 上海热线乐活频道">另类催眠减肥法 潜意识让你瘦 ———— 上海热线乐活频道</a> <a class="btn btn-default" href="/article/886965" title="相断无情人">相断无情人</a> <a class="btn btn-default" href="/article/886966" title="房地产老板买通银行职员偷走储户400万元(组图)">房地产老板买通银行职员偷走储户400万元(组图)</a> <a class="btn btn-default" href="/article/886967" title="现代京剧--沙家浜 + 龙江颂_">现代京剧--沙家浜 + 龙江颂_</a> <a class="btn btn-default" href="/article/886968" title="中国古代十大情诗，美极了">中国古代十大情诗，美极了</a> <a class="btn btn-default" href="/article/886969" title="嫌疑人等待庭审时手铐难以打开 消防员救助(图)">嫌疑人等待庭审时手铐难以打开 消防员救助(图)</a> <a class="btn btn-default" href="/article/886970" title="风流喇嘛六世仓央嘉错">风流喇嘛六世仓央嘉错</a> <a class="btn btn-default" href="/article/886971" title="]酒桌上的规矩……男人必学?女人必知_">]酒桌上的规矩……男人必学?女人必知_</a> <a class="btn btn-default" href="/article/886972" title="指甲的底部有一小撇白色的，那是什么东西啊，有意味什么，与人体有什么关系呢？">指甲的底部有一小撇白色的，那是什么东西啊，有意味什么，与人体有什么关系呢？</a> <a class="btn btn-default" href="/article/886973" title="交响乐--沙家浜 + 智取威虎山_">交响乐--沙家浜 + 智取威虎山_</a> <a class="btn btn-default" href="/article/886974" title="京剧《红娘》（李玉茹）_">京剧《红娘》（李玉茹）_</a> <a class="btn btn-default" href="/article/886975" title="娶美女当老婆要有资本">娶美女当老婆要有资本</a> <a class="btn btn-default" href="/article/886976" title="京剧《打金砖》于魁智_">京剧《打金砖》于魁智_</a> <a class="btn btn-default" href="/article/886977" title="周丹---家家必备十味良方">周丹---家家必备十味良方</a> <a class="btn btn-default" href="/article/886978" title="天仙配·树上鸟儿成双对 黄梅戏选段 -">天仙配·树上鸟儿成双对 黄梅戏选段 -</a> <a class="btn btn-default" href="/article/886979" title="西宫词 花鼓小调_">西宫词 花鼓小调_</a> <a class="btn btn-default" href="/article/886980" title="北京3地王续:央视称房价总理说不算总经理说才算">北京3地王续:央视称房价总理说不算总经理说才算</a> <a class="btn btn-default" href="/article/886981" title="贫血补血不可忽略10点">贫血补血不可忽略10点</a> <a class="btn btn-default" href="/article/886982" title="甜言蜜语，收服男人的心（女人必看）">甜言蜜语，收服男人的心（女人必看）</a> <a class="btn btn-default" href="/article/886983" title="国粹精品-京剧_">国粹精品-京剧_</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>