HTML手册注意点文档格式.docx
- 文档编号:21964745
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:28
- 大小:30.76KB
HTML手册注意点文档格式.docx
《HTML手册注意点文档格式.docx》由会员分享,可在线阅读,更多相关《HTML手册注意点文档格式.docx(28页珍藏版)》请在冰豆网上搜索。
定义下标字。
sup>
定义上标字。
ins>
定义插入字。
del>
定义删除字。
s>
不赞成使用。
使用<
代替。
strike>
u>
使用样式(style)代替。
“计算机输出”标签
code>
定义计算机代码。
kbd>
定义键盘码。
samp>
定义计算机代码样本。
tt>
定义打字机代码。
var>
定义变量。
pre>
定义预格式文本。
listing>
plaintext>
xmp>
引用、引用和术语定义
abbr>
定义缩写。
acronym>
定义首字母缩写。
address>
定义地址。
bdo>
定义文字方向。
blockquote>
定义长的引用。
q>
定义短的引用语。
cite>
定义引用、引证。
dfn>
定义一个定义项目。
不赞成使用的标签和属性
在HTML4中,有若干的标签和属性是被废弃的。
被废弃(Deprecated)的意思是在未来版本的HTML和XHTML中将不支持这些标签和属性。
这里传达的信息很明确:
请避免使用这些被废弃的标签和属性!
应该避免使用下面这些标签和属性:
center>
定义居中的内容。
font>
和<
basefont>
定义HTML字体。
定义删除线文本
定义下划线文本
属性
align
定义文本的对齐方式
bgcolor
定义背景颜色
color
定义文本颜色
对于以上这些标签和属性:
请使用样式代替!
style属性淘汰了“旧的”bgcolor属性。
background-color属性为元素定义了背景颜色:
style="
background-color:
red"
style属性淘汰了旧的<
标签。
font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸:
font-family:
arial;
color:
red;
font-size:
20px;
"
style属性淘汰了旧的"
align"
属性。
text-align属性规定了元素中文本的水平对齐方式:
text-align:
center"
有两种使用<
a>
标签的方式:
1.通过使用href属性-创建指向另一个文档的链接
2.通过使用name属性-创建文档内的书签
HTML链接-name属性
name属性规定锚(anchor)的名称。
name属性用于创建HTML内部的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(namedanchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法:
aname="
label"
>
Texttobedisplayed<
/a>
锚的名称可以是任何你喜欢的名字。
实例
HTML文档内部的已命名的锚:
tips"
UsefulTipsSection<
然后,我们创建指向相同文档中“有用的提示”部分的链接:
ahref="
#tips"
VisittheUsefulTipsSection<
或者,创建从另一个页面指向该文档中“有用的提示”部分的链接:
VisittheUsefulTipsSection
在上面的代码中,我们将#符号和锚名称添加到URL的末端,就可以直接链接到tips这个命名锚了。
基本的注意事项-有用的提示:
请始终将正斜杠添加到子文件夹。
假如这样书写链接:
href="
HTTP请求。
这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:
命名锚经常用于在大型文档开始位置上创建目录。
可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。
如果您经常访问XX百科,您会发现其中几乎每个词条都采用这样的导航方式。
假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。
不会有错误发生。
格中的空单元格
在大多数浏览器中,没有内容的表格单元显示得不太好。
tableborder="
1"
tr>
td>
row1,cell1<
/td>
row1,cell2<
/tr>
row2,cell1<
/table>
在浏览器显示如下:
row1,cell1
row1,cell2
row2,cell1
注意:
这个空的单元格的边框没有被显示出来。
(不过MozillaFirefox可以将整个边框显示出来。
)为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。
&
nbsp;
在浏览器中显示如下:
thead>
<
tbody>
tfoot>
很少被用到,这是由于浏览器对它们的支持不太好。
希望这种情况在未来版本的XHTML中会有所改观。
如果你使用IE5.0或者更新的版本,可以查看在我们的《XML教程》中的具体例子。
表格标签
表格
table>
定义表格
caption>
定义表格标题。
th>
定义表格的表头。
定义表格的行。
定义表格单元。
定义表格的页眉。
定义表格的主体。
定义表格的页脚。
col>
定义用于表格列的属性。
colgroup>
定义表格列的组。
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于<
ul>
每个列表项始于<
li>
。
Coffee<
/li>
Milk<
/ul>
浏览器显示如下:
∙Coffee
∙Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于<
ol>
/ol>
1.Coffee
2.Milk
定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以<
dl>
标签开始。
每个自定义列表项以<
dt>
开始。
每个自定义列表项的定义以<
dd>
/dt>
Blackhotdrink<
/dd>
Whitecolddrink<
/dl>
Coffee
Blackhotdrink
Milk
Whitecolddrink
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
列表标签
定义有序列表。
定义无序列表。
定义列表项。
定义定义列表。
定义定义项目。
定义定义的描述。
dir>
已废弃。
代替它。
menu>
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:
文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<
form>
)定义。
...
input元素
/form>
注意,表单本身并不可见。
同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。
表单的动作属性定义了目的文件的文件名。
由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
formname="
input"
action="
html_form_action.asp"
method="
get"
Username:
inputtype="
text"
name="
user"
/>
submit"
value="
Submit"
表单标签
定义供用户输入的表单
input>
定义输入域
textarea>
定义文本域(一个多行的输入控件)
label>
定义一个控制的标签
fieldset>
定义域
legend>
定义域的标题
select>
定义一个选择列表
optgroup>
定义选项组
option>
定义下拉列表中的选项
button>
定义一个按钮
isindex>
有<
代替。
图像标签(<
img>
)和源属性(Src)
在HTML中,图像由<
标签定义。
是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。
src指"
source"
源属性的值是图像的URL地址。
定义图像的语法是:
imgsrc="
url"
URL指存储图像的位置。
如果名为"
boat.gif"
的图像位于的images目录中,那么其URL为
浏览器将图像显示在文档中图像标签出现的地方。
如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。
图像标签
定义图像。
map>
定义图像地图。
area>
定义图像地图中的可点击区域。
背景(Backgrounds)
body>
拥有两个配置背景的标签。
背景可以是颜色或者图像。
背景颜色(Bgcolor)
背景颜色属性将背景设置为某种颜色。
属性值可以是十六进制数、RGB值或颜色名。
bodybgcolor="
#000000"
rgb(0,0,0)"
black"
以上的代码均将背景颜色设置为黑色。
背景(Background)
背景属性将背景设置为图像。
属性值为图像的URL。
如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。
bodybackground="
clouds.gif"
URL可以是相对地址,如第一行代码。
也可以使绝对地址,如第二行代码。
标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的HTML标准(HTML4和XHTML)中已被废弃。
W3C在他们的推荐标准中已删除这些属性。
应该使用层叠样式表(CSS)来定义HTML元素的布局和显示属性。
颜色值
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:
#00)。
最大值是255(十六进制:
#FF)。
这个表格给出了由三种颜色混合而成的具体效果:
Color
ColorHEX
ColorRGB
#000000
rgb(0,0,0)
#FF0000
rgb(255,0,0)
#00FF00
rgb(0,255,0)
#0000FF
rgb(0,0,255)
#FFFF00
rgb(255,255,0)
#00FFFF
rgb(0,255,255)
#FF00FF
rgb(255,0,255)
#C0C0C0
rgb(192,192,192)
#FFFFFF
rgb(255,255,255)
颜色名
大多数的浏览器都支持颜色名集合。
仅仅有16种颜色名被W3C的HTML4.0标准所支持。
它们是:
aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow。
如果需要使用其它的颜色,需要使用十六进制的颜色值。
ColorName
#F0F8FF
AliceBlue
#FAEBD7
AntiqueWhite
#7FFFD4
Aquamarine
Black
Blue
#8A2BE2
BlueViolet
#A52A2A
Brown
每种颜色的最小值是0(十六进制:
最大值是255(十六进制:
1600万种不同的颜色
通过计算256x256x256,从0到255的红色、绿色和蓝色的值一共可以组合出1600万种不同的颜色。
大多数现代的显示器有能力显示出至少16384种不同的颜色。
灰阶
当所有颜色取相等的值时,灰色就可以被显示出来。
为了使您更容易地选择合适的灰色,我们为您制作了一幅灰阶色表。
仅有16种颜色名被W3C的HTML4.0标准支持,它们是:
aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。
如果使用其它颜色的话,就应该使用十六进制的颜色值。
来自W3School的HTML快速参考。
可以打印它,以备日常使用。
HTMLBasicDocument
html>
head>
title>
Documentnamegoeshere<
/title>
/head>
Visibletextgoeshere
/body>
/html>
TextElements
Thisisaparagraph<
br>
(linebreak)
hr>
(horizontalrule)
Thistextispreformatted<
/pre>
LogicalStyles
Thistextisemphasized<
/em>
Thistextisstrong<
/strong>
Thisissomecomputercode<
/code>
PhysicalStyles
Thistextisbold<
/b>
Thistextisitalic<
/i>
Links,Anchors,andImageElements
isaLink<
src="
URL"
alt="
AlternateText"
mailto:
webmaster@"
Sende-mail<
Anamedanchor:
JumptotheUsefulTipsSection<
Unorderedlist
Firstitem<
Nextitem<
Orderedlist
Definitionlist
Firstterm<
Definition<
Nextterm<
Tables
<
someheader<
/th>
sometext<
Frames
framesetcols="
25%,75%"
framesrc="
page1.htm"
page2.htm"
/frameset>
Forms
formaction="
post/get"
lastname"
value="
Nixon"
size="
30"
maxlength="
50"
password"
checkbox"
checked="
checked"
radio"
reset"
hidden"
Apples
optionselected>
Bananas
Cherries
/select>
textareaname="
Comment"
rows="
60"
cols="
20"
/textarea>
Entities
lt;
isthesameas<
gt;
isthesameas>
#169;
isthesameas©
OtherElements
!
--Thisisacomment-->
Textquotedfromsomesource.
/blockquote>
Address1<
Address2<
City<
/address>
框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
使用框架的坏处:
∙开发人员必须同时跟踪更多的HTML文档
∙很难打印整张页面
框架结构标签(<
frameset>
)
∙框架结构标签(<
)定义如何将窗口分割为框架
∙每个frameset定义了一系列行或列
∙rows/columns的值规定了每行或每列占据屏幕的面积
编者注:
frameset标签也被某些文章和书籍译为框架集。
框架标签(Frame)
Frame标签定义了放置在每个框架中的HTML文档。
在下面的这个例子中,我们设置了一个两列的框架集。
第一列被设置为占据浏览器窗口的25%。
第二列被设置为占据浏览器窗口的75%。
HTML文档"
frame_a.htm"
被置于第一个列中,而
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 手册 注意