一:day2 -

(1)文档类型

文档类型:html文件的第一行代码通常是声明文档网页文档类型(DTD),文档类型可以简单的理解为 不同的html版本。

*xml的文件规则很严格,大致有如下

1,xml语言没有固定标签和属性,所有标签和属性都自定义(自己写)

2,xml语言区分大小写(不管是标签名还是标签属性),html不区分大小写

3,xml标签必须结束,有两种方式:

a)正常方式就是使用来结束

b)如果一个标签没有内容部分,可以这样结束:<标签名。。。。。/>

4,xml的属性必须有值,且必须使用引号引起来。

5,xml标签必须合理嵌套(不能错位)——其实html也是这样,但即使没有这样,也似乎没问题

xml(一种标记语言)不是为了在文件显示而用的,而是用于存储和传输数据。

html 通常使用以下的3个文档类型

*严格型(strict):兼容性较好,可用的标签和属性较少。

*宽松型(过渡型transitional):兼容性较差,但可用的标签和属性较多。

*框架型(frameset):一种特殊需要的类型,只能在frameset标签的网页中使用。

对于“xhtml"文档,通常要做到以下几件事就行了

1,将单标签使用“/”结束:

a)




b)


c)

d)

e)……

2,将无值的属性改写为有值:让其值就等于其属性名就可以了:

a)noshade = “noshade”

b)readonly=”readonly”

c)checked=”checked”

d)selected=”selected”

e)disabled=”disabled”

f)……

3,标签都使用小写,属性都加引号(单双引号都可以),标签别错位书写,并该结束就结束。

——特别注意:xhtml和html并没有真正本质的区别,无非是语法严格了而已

到了html5,就只有一个形式的文档类型;

(2)a链接和锚点类型

a链接和锚点类型:  ” target=”设定要打开该网页的浏览器窗口的名字” 内容部分。

url就是“网页地址”的意思。

下面是几个内部固定名字和含义的窗口:

_blank:新的窗口(空白窗口)

_self:当前网页本身这个窗口

_parent:当前窗口的“上一级”窗口——学frameset的时候才能应用上。

_top:当前窗口所在的窗口层级中的最顶层那个窗口——学frameset的时候才能应用上。

url值“链接地址”    分为两种

1绝对地址

    a)本地绝对地址:在实际应用中,应该禁止使用。

    b)互联网绝对地址:

2相对地址

1,需要通过所设定的地址加上当前本网页的本身的地址结合才能找到需要的网页文件。相对地址是指相对于当前网页的本身的地址来找出正确的地址,有以下几个特殊含义地址:

a)./——代表本身的地址(当前地址),及当前网页地址,通常可以省略

b)../——代表当前网页地址的“上一层”地址(路径)

c)/——代表当前网页的最顶层路径,这在web应用中才有效。

d)其他链接举例:

i.href=”../../p1.html”

ii.href=”../../abc/def/p2.html

链接的另一种形式:锚点

可以让用户在较短的时间内找到需要的东西 。

锚点的实现需要由两个a标签来配合使用:

设定锚点的链接:内容部分

设定锚点的名字(锚点位置):

link:用于引入其他文件,主要是css文件。

base:用于设定当前网页中的所有a链接的目标打开窗口:

这两个标签都在head标签中使用。



(3)图片标签:

”width=”100”height=”50” border=”1”align=”left|| center|| right” />

alt属性:主要给搜索引擎使用使索搜引擎可以“识别”该图的具体内容。

border:用于设定图片的边框线的“粗细”,单位还是px。

align:用于设定图片的定位方式:靠左,剧中,靠右

图像映射技术

图像映射技术需要使用一张图片,以及一个可以对该图片进行“区域划分”的map标签实现,划分出的每个“小”区域可以单独设定链接。设定的小区块可以有3种形状:

形式:

矩形:

圆形:

多边形:>

注意:在计算机世界中,通常坐标都是以“左上角”为原点,向右为x正方向,向下为y正方向。

多媒体及相关插件介绍:

插件是什么?

——就是其他软件,只是挂接到浏览器中。(大多数都是兼容性不好,不过插件flash的兼容性还不错)

表格技术初步:

表格使用如下3个标签搭配以形成完整的表格基本表现:

             

                                 

             

这个td中才是放置具体“内容部分”的区域

table:用于“声明”一个表格

tr:用于设定一个表格中的“一行”,多行就使用多个tr配对。

td:用于设定一个行中的“一列”(单元格),多个列就使用多个td。

——一个表格可以有多行,一个行可以有多列。

table常用属性:

width:

height:

border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)

cellpadding:设定单元格中的内容与单元格的边框线之间的“间距”,单位是px

cellspacing:设定相邻的两个元格的边框线之间的“间距”,单位是px

bgcolor=”yellow”设定表格的总体上的背景颜色

background=”图片地址url”:设定表格的总体上的背景图

align=”left// center // right”:设定表格总体上的定位方式。

bordercolor:设定边框线的颜色

td常用属性

width:

height:

bgcolor=”yellow”设定单元格的背景颜色

background=”图片地址url”:设定单元格的背景图

align=”left// center // right”:设定单元格中的内容的水平对齐方式

valign=”top // middle //bottom”:设定单元格中的内容的垂直对齐方式

colspan=”5”:表示该单元格会水平向右边合并5个“原始单元格”,其本身相当于“跨”5个列。

rowspan=”3”:表示该单元格会垂直向下边合并3个“原始单元格”,其本身相当于“跨”3个行。

tr的属性不多且不常用,



表格深入:

td用于设定一个“普通单元格”

th用于设定一个“标题单元格”(其中的文字会粗体并自动居中)  能用td,就能用th。

设定表格的标题      ==》可以在table中使用caption标签,其中可以设定标题文字哦

作为表格table,内部还有3种形式:

thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。

tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。

tfoot:代表表格的“尾部”区域,同样可以放tr。


: 想写的代码区


常用的几个字符实体:

空格--    <--<        >-->    &--& 

©--©    ®--®

你可能感兴趣的:(一:day2 -)