页面(PAGE)标记(TAGS) HTML 文件结构(Document Structures) ...
... ...
, <base>, <link>, <isindex>, <meta> </HEAD> <BODY> HTML 文件的正文写在这里... ... </BODY> </HTML> 语言字符集(Charsets)的信息 <meta http-equiv="Content-Type" content="text/html;charset=#"> #= us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp, euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1, x-cns11643-2, big5 可在HTML 文件中设置 MIME 字符集信息。 您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。 但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。 尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。 否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。 背景色彩和文字色彩 <body bgcolor=# text=# link=# alink=# vlink=#> bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 背景图象 <body background="image-URL"> Non Scrolling Background <body bgproperties=FIXED> 页面空白(Margin) 页面左边的空白 <body leftmargin=#> 页面上方的空白(天头) <body topmargin=#> #=margin amount 链接(Link) 基本语法 <a href="URL"> ... </a> 这是一个 <a href="samp/link.html">链接的例子</a>。 点一下带下划线的文字! 这是一个链接的例子。点一下带下划线的文字! 跳转到页面的另外一个地方 <a href="#name"> ... </a> <a name="name"> ... </a> <a href="#jump-test">跳转到下一个"链接点"</a><P> <a name="jump-test">下一个链接点</a> 跳转到下一个"链接点" 下一个链接点 跳转到另一个页面的某个地方 <a href="URL#name"> ... </a> <a name="name"> ... </a> 跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。 跳转到另一个页面的某个地方。 开一个新的(浏览器)窗口 (Target Window) <a href="URL" target="Window_Name"> ... </a> <a href="samp/window.html" target="window_name"> 开一个新窗口! </a> 开一个新窗口! 标尺线 <hr> <hr> <hr size=#> <hr size=10> <hr width=#> <hr width=50> <hr width=50%> <hr align=#> #=left, right <hr width=50% align=left> <hr width=50% align=right> <hr noshade> <hr noshade> <hr color=#> #=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <hr color="red"> 文字布局标记 --------------------------------------------------- 行的控制 段(Paragraph) (可以看作是空行) <p> 你好吗？<p>很好。 你好吗？ 很好。 换行<br> 你好吗？<br>很好。 你好吗？ 很好。 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！ </nobr> 请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！ 文字的对齐(Alignment) <hn align=#>...</hn> <p align=#>...</p> #=left, center, right <h3 align=center>Hello<\h3> <h3 align=right>Hello<\h3> Hello Hello <center>...</center> <center>Hello</center> Hello 文字的分区(Division)显示 <div align=left> ... </div> <div align=left> Can you feel happiness without unpleasant? <br> Please show me your smile. </div> Can you feel happiness without unpleasant? Please show me your smile. <div align=center> ... </div> Can you feel happiness without unpleasant? Please show me your smile. <div align=right> ... </div> Can you feel happiness without unpleasant? Please show me your smile. 列表 无序列表 <ul><li>...</ul> <ul> <li>Today <li>Tommorow </ul> Today Tommorow 有序列表 <ol><li>...</ol> <ol> <li>Today <li>Tommorow </ol> 1. Today 2. Tommorow 定义列表(Definition lists) <dl><dt>...<dd>...</dl> <dl> <dt>Today <dd>Today is yesterday. <dt>Tomorrow <dd>Tomorrow is today. </dl> Today Today is yesterday. Tomorrow Tomorrow is today. Definition lists Compact <dl compact><dt>...<dd>...</dl> Today Today will be yesterday. Next Tomorrow will be today. Today Today is yesterday. Tomorrow Tomorrow is today. 定制列表元素 定制表中的标记 <li type=#> #=disk, circle, square <ul> <li type=disc>ONE <li type=circle>TWO <li type=square>THREE </ul> ONE TWO THREE 定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1 <ol><li type=A>ONE-ONE <li>ONE-TWO</ol> A. ONE-ONE B. ONE-TWO <ol><li type=a>ONE-ONE <li>ONE-TWO</ol> a. ONE-ONE b. ONE-TWO <ol><li type=I>ONE-ONE <li>ONE-TWO</ol> I. ONE-ONE II. ONE-TWO <ol><li type=i>ONE-ONE <li>ONE-TWO</ol> i. ONE-ONE ii. ONE-TWO <ol><li type=1>ONE-ONE <li>ONE-TWO</ol> 1. ONE-ONE 2. ONE-TWO 定制有序列表表中的序号的起始值 <ol start=#> #=number <ol start=5> <li type=A>ONE-ONE <li>ONE-TWO <ol start=10> <li>TWO-ONE <li type=i>TWO-TWO </ol></ol> E. ONE-ONE F. ONE-TWO 10. TWO-ONE x. TWO-TWO 预格式化文本(Preformatted Text) <pre>...</pre> <pre> Please use your card. VISA Master <b>Here is an order form.</b> <ul><li>Fax <li>Air Mail</ul> </pre> Please use your card VISA Master Here is an order form. Fax Air Mail <listing>...</listing> <listing> Please use your card. VISA Master <b>Here is an order form.</b> <ul><li>Fax <li>Air Mail</ul> </listing> Please use your card. VISA Master Here is order form. Fax Air Mail <xmp>...</xmp> <xmp> Please use your card. VISA Master <b>Here is an order form.</b> <ul><li>Fax <li>Air Mail</ul> </xmp> Please use your card. VISA Master <b>Here is order form.</b> <ul><li>Fax <li>Air Mail</ul> 空白(Spacer) <spacer type="horizontal" size=#> #= 水平空白宽度 <spacer type="vertical" size=#> #=竖直空白高度 YESTERDAY <spacer type="horizontal" size=50> TODAY <spacer type="vertical" size=50> TOMORROW YESTERDAY TODAY TOMORROW <spacer type="block" width=# height=# align=##> #=空白的尺寸 ##=top, middle, bottom, left, right <spacer type="block" width=150 height=50 align=left> YESTERDAY<br> TODAY<br> TOMORROW YESTERDAY TODAY TOMORROW 多列文本 <multicol cols=#> ... </multicol> #=列的数目 <multicol cols=2> text text text... </multicol> 例子 <multicol gutter=#> ... </multicol> #=列间的空白 <multicol cols=2 gutter=100> text text text... </multicol> 例子 <multicol width=#> ... </multicol> #=列的宽度 <multicol cols=2 width=400> text text text... </multicol> 例子 其它 块引用(Blockquote) <blockquote>...</blockquote> Her Song: <blockquote> When I was young, I listened to the radio waiting for my favorite songs.... </blockquote> Her Song: When I was young, I listened to the radio waiting for my favorite songs.... 闪烁<blink>...</blink> <BLINK> 闪烁！闪烁！ </BLINK> 闪烁！闪烁！ [返回]<br><br>希望采纳</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="wendaright">
<div class="wdluluerwema">
<div class="wdxgwttop">相关问答</div>
<div class="wdxgwtnr">
</div>
<div class="clear"></div>
</div>
<!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
<div class="wdluluerwema">
<div class="wdxgwttop">最新问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/473816334.html">我想寻找一部日本的早期动漫，忘了叫什么名字了。</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/62031485.html">高二论语选读</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/294918962.html">“国际品牌推广”英文怎么翻译，在线等！</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/288213402.html">cctv电视指南是在7月4日晚上11点左右的精品点击,风云频道,里面都是什么歌，一歌男的坐在钢琴前唱的？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/137484609.html">关于bt下载不良东西是否违法问题？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/1179203043952179539.html">古人形容人年龄的词有哪些</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/506890785.html">几道初一解方程应用题 挺简单的 （急急急）</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/194140602.html">电脑高手帮忙看下，，这配置怎没样？？？平时玩玩CF，梦幻，还有机械制图，3D,,，SOLDWORKES2009等制图软</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/232679687.html">initialization failure qq:0x00000009是什么意思</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://51a.net/364443888135053852.html">问道手游老鹰进化成电精合适吗</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<!-- 移动底部导航 -->
<div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://51a.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ号：24596024</p>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?aa60e2f779ee696abd6a207eac06903d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
