神马课堂HTML文档的常用标记

一、文件结构标记1、头部(Head)HTML文件的头部由和标记定义。通常情况下,文件的标题、语言字符集信息等都放在头部信息中。最常用的标记是title……/title,用来定义网页的标题。2、正文主体(Body)正文主体是HTML文件的核心内容,由body……/body标记定义。标记具有几个常用属性,格式如下:

bodybgcolor=#ncolor=#n……/body

其中bgcolor为背景颜色,color为文本颜色,n为6位十六进制数。

bodybackground=”路径/图片文件名”……/body

其中background为背景图片二、文件主体中的常用标记1.文字标记文字是网页重要的组成部分之一,通过使用标题标记、文字格式标记和文字样式标记来改变枯燥乏味的文字,可以使浏览者更有效的浏览网页。(1)标题标记hn.../hn在HTML文档中使用标题标记来指明网页上的标题。标题标记包含6种标记,分别表示6个级别的标题,每一级别的字体大小有所区别,从1~6以递减的形式表示,1级标题的字号为最大,6级标题的字号为最小。语法格式如下:

h1标题1/h1

h2标题2/h2

默认情况下,所有浏览器对标题都采用左对齐方式,可以使用对齐属性align,使标题居中对齐或者右对齐。居中对齐设置align属性值为center,右对齐设置align属性值为right。(2)文字格式font.../font文字格式标记用于设置文字大小、字体效果和文字颜色,常用属性如下所示:size属性:用来设置文字的字号,文字的字号可以设置为1~7,也可以设置为+1~+7或者是-1~-7,默认文字大小为3号。face属性:用来设置文本的字体效果,可以设置一个或多个字体名称,使用多个字体的情况下,默认使用第一个字体,如果第一种字体不存在,则使用第二种字体,以此类推,如果设置的多个字体都不存在将使用默认字体,中文默认为宋体,英文默认为TimesNewRoman。color属性:用来设置文字的颜色,其值可以设置为颜色的名称,即红色可设置为red,也可以设置为十六进制的颜色代码,即#FFFFCC,默认值为黑色。(3)文字样式HTML文档提供一些文字样式标记来实现粗体字、斜体字、带删除线的文字效果。常用的文字样式标记及说明如下:

b.../b样式标记、strong.../strong样式标记:设置文字为粗体字样式。

i.../i样式标记、em.../em样式标记:设置文字为斜体字样式。

u.../u样式标记:设置为带下划线的文字。

sup.../sup样式标记:设置文字为上标样式。

sub.../sub样式标记:设置文字为下标样式。

2.段落标记为了使网页中的文字更有条理地显示出来,可以使用HTML文档中的段落标记和换行标记来使文字段落更加分明规范。

(1)段落标记p

(2)换行标记br

(3)水平线标记hr

3.列表标记列表是比较常用的数据排列形式,对比较复杂的数据通过使用列表,可以使数据变得更加清晰。(1)无序列表标记ul.../ul(2)有序列表标记ol.../ol4.超链接标记在HTML文档中a.../a被称为超链接标记,单击网页上的链接文字或者图像后,就可以跳转到另一个网页。超链接标记常用的属性以及说明如下:href属性:指定链接路径,当设置为“#”时表示一个空链接。name属性:链接的名称,常用于书签链接。title属性:链接的提示文字。target属性:指定链接的目标窗口打开方式,共有4个属性值,_parent表示在上一级窗口中打开,一般使用框架页时经常使用、_blank表示始终在不同的新窗口中打开、_new表示始终在同一个新窗口中打开(刷新)、_self表示在同一窗口中打开、_top表示在浏览器的整个窗口中打开,忽略任何框架。accesskey属性:超链接热键。5.图像标记在HTML文档中使用img图像标记将图片插入到网页中,也可以使用图像标记img/。图像标记常用的属性及说明如下:src属性:用来设置图像文件所在的路径,此路径可以是相对路径也可以是绝对路径。height属性:用来设置图像的高度,单位是像素(设置图像高度其宽度会等比例进行调整),也可以是浏览器的百分比数。width属性:用来设置图像的宽度,单位是像素,也可以是浏览器的百分比数。border属性:用来设置图像边框的宽度,单位为像素,默认为无边框。hspace属性:用来设置两个图像之间的水平间距,单位是像素。vspace属性:用来设置两个图像之间的垂直间距,单位是像素。align属性:用来设置图像的对齐方式。alt属性:用来设置提示文字,当浏览器没有加载上图像或加载图像后鼠标悬停在图片上方时,将显示出提示文字。6.表格标记在HTML文档中通常使用三个标记来构成表格,分别为表格标记、行标记和单元格标记。(1)表格标记table.../table(2)表格标题标记caption.../caption(3)表格表头标记th.../th(4)行标记tr.../tr(5)单元格标记td.../td

读书须用意,一字值千金。

宇翔




转载请注明:http://www.aierlanlan.com/rzgz/436.html