《HTML制作方法》由会员分享，可在线阅读，更多相关《HTML制作方法（45页珍藏版）》请在金锄头文库上搜索。
1、HTML 制作方法页面页面(PAGE)(PAGE)标记标记(TAGS)(TAGS)HTMLHTML 文件结构文件结构(Document(Document Structures)Structures)., , , , HTML 文件的正文写在这里. . 语言字符集语言字符集(Charsets)(Charsets)的信息的信息 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
2、,gb2312, gb_2312-80,x-euc-tw, x-cns11643-1, x-cns11643-2, big5 可在 HTML 文件中设置 MIME 字符集信息。您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。背景色彩和文字色彩背景色彩和文字色彩vlink=#bgcolor - 背景色彩 text - 非可链接文字的色彩 lin
3、k - 可链接文字的色彩 alink - 正被点击的可链接文字的色彩 vlink - 已经点击(访问)过的可链接文字的色彩 #=rrggbb#=rrggbb色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 背景图象背景图象 background=“image-URL“NonNon ScrollingScrolling BackgroundBackground bgproperties=FIXED 页面空白页面空白(Margin)(Margin) 页面左边的空白页面左边的空白
4、 leftmargin=#页面上方的空白页面上方的空白( (天头天头) ) topmargin=# #=margin#=margin amountamount链接链接(Link)(Link)基本语法基本语法 href=“URL“ . 这是一个 链接的例子。 点一下带下划线的文字!这是一个链接的例子。点一下带下划线的文字!跳转到页面的另外一个地方跳转到页面的另外一个地方href=“#name“ . name=“name“ . 跳转到下一个“链接点“ 下一个链接点 跳转到下一个“链接点“下一个链接点跳转到另一个页面的某个地方跳转到另一个页面的某个地方href=“URL#name“ . name=“
5、name“ . 跳转到另一个页面的某个地方 。跳转到另一个页面的某个地方。开一个新的开一个新的( (浏览器浏览器) )窗口窗口 (Target(Target Window)Window) target=“Window_Name“ . 开一个新窗口!开一个新窗口! 标尺线标尺线size=#width=#align=# #=left,#=left, rightrightnoshadecolor=# #=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, Wh
6、ite, Green, Purple, Silver, Yellow, Aqua 字体字体(FONT)(FONT)标记标记(TAGS)(TAGS)标题字体标题字体(Header)(Header). #=1,#=1, 2,2, 3,3, 4,4, 5,5, 6 6今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天
7、天气真好！- 这些标记显示黑体字。 - 这些标记自动插入一个空行，不必用 标记再加空行。因此在一行中无法使用不同大小的字体。 字体大小字体大小size=# . #=1,#=1, 2,2, 3,3, 4,4, 5,5, 6,6, 7 7 oror +#,+#, -#-#size=# #=1,#=1, 2,2, 3,3, 4,4, 5,5, 6,6, 7 7今天天气真好！ 今天天气真 好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！物理字体物理字体(Physica
8、l(Physical Style)Style)今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！逻辑字体逻辑字体(Logical(Logical Style)Style) 今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！
9、今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！今天天气真好！ 今天天气真好！指定指定“字体大小字体大小”的标记和的标记和“指定字体指定字体”的标记的的标记的组合使用组合使用今天 天气 真好！今天今天 天气 真好！ 字体颜色字体颜色 指定颜色指定颜色 color=# . #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua White #=#=字符实体名称字符实体名
10、称 或者或者 asciiascii 值值HTML2.0 的字符集的字符集“ 文字布局标记文字布局标记 -行的控制行的控制 段段(Paragraph)(Paragraph) ( (可以看作是空行可以看作是空行) ) 你好吗？很好。 你好吗？很好。换行换行 你好吗？很好。 你好吗？很好。不换行不换行请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！ 文字的对齐文字的对齐(Alignment)(Alignment) . . #=left, center, rightHelloHello HelloHelloHe
11、lloHello. Hello Hello 文字的分区文字的分区(Division)(Division)显示显示 . Can you feel happiness without unpleasant? Please show me your smile.Can you feel happiness without unpleasant?Please show me your smile. . Can you feel happiness without unpleasant?Please show me your smile. . Can you feel happiness without
12、 unpleasant?Please show me your smile. 列表列表 无序列表无序列表 .TodayTommorowToday Tommorow 有序列表有序列表 .TodayTommorow1.Today 2.Tommorow 定义列表定义列表(Definition(Definition lists)lists) .TodayToday is yesterday.TomorrowTomorrow is today.Today Today is yesterday. Tomorrow Tomorrow is today. DefinitionDefinition listsl
13、ists CompactCompact .compact.Today Today will be yesterday. Next Tomorrow will be today.Today Today is yesterday. Tomorrow Tomorrow is today. 定制列表元素 定制表中的标记 #=disk, circle, squareONETWOTHREEONE oTWO THREE 定制有序列表表中的序号定制有序列表表中的序号 type=# #=A,#=A, a,a, I,I, i,i, 1 1ONE-ONEONE-TWO A.ONE-ONE B.ONE-TWO ONE
14、-ONEONE-TWO a.ONE-ONE b.ONE-TWO ONE-ONEONE-TWO I.ONE-ONE II. ONE-TWO ONE-ONEONE-TWOi.ONE-ONE ii. ONE-TWO ONE-ONEONE-TWO 1.ONE-ONE 2.ONE-TWO 定制有序列表表中的序号的起始值定制有序列表表中的序号的起始值 start=# #=number#=numberONE-ONEONE-TWOTWO-ONETWO-TWOE.ONE-ONE F.ONE-TWO 10. TWO-ONE x.TWO-TWO 预格式化文本预格式化文本(Preformatted(Preformat
15、ted Text)Text) .Please use your card.VISA MasterHere is an order form.FaxAir MailPlease use your cardVISA MasterHere is an order form. Fax Air Mail .Please use your card.VISA MasterHere is an order form.FaxAir MailPlease use your card.VISA MasterHere is order form.Fax Air Mail .Please use your card.VISA MasterHere is an order form.FaxAir MailPlease use your card.VISA MasterHere is order form.FaxAir Mail空白空白(Spacer)(Spacer) size=# #=#=水平空白宽度水平空白宽度size=# #=#=竖直空
