3种标签的使用

常用标签其中几种:超链接、图片和表格标签
1.超链接标签
主要的要有内容和指向,超链接的主要作用有这么几个:
A.指向网页页面
B.指向文件
C.可以做锚点
每个作用细分来讲
A.指向网页页面
标签的属性href的值当然是个网站之类的,例如:http://www.baidu.com/
如果href的值是“#”它指的跳转到当前页面,也就相当于刷新页面了。
B.指向文件
它可以打开文件(文本文档、图片或是网页文件),有时也可以下载文档(浏览器打不开)这就要href的属性值是文件路径或是下载文档的路径
C.可以做锚点
这个是要有锚点才能创建连接指向,所以第一步就是设置你想要转到地方锚点,这个也是用到标签,只不过属性不一样,锚点的标签的属性是name,也就是起个名字
例如:
,这个锚点可以单独成双的写在设置锚点的地方,也可以将设置锚点的地方用链接双标签框起来都可以
例如:单独成双设置

故4

;用链接标签框起来:

故事3


设置完锚点,第二步就是为这个锚点设置链接了,可以把链接标签放到一个
容器中,这样方便以后修改,这个链接属性就是href了,不过需要注意的是这个属性的值,因为有了锚点了,所以这个值应该是锚点名,但是又不能直接写名字,例如:href="a1"这就是一个位置了,是要查找文件位置会出现NOTFound错误提示,应该是这样写:href="#a1"这样就是跳转到当前文件的a1名的锚点处了。

2.图片标签
这个标签是个单标签,因为是图片自然可以设置它的大小,就用到属性width和height来设置;如果图片路径错误或是加载不出来,可以使用一个属性alt,它的值就是可以设置成可以描述这个图片的一句话;还有一个属性title它可以设置一下图片的标题,也就是鼠标移动到图片位置,可以显示出这个图片的一句话,自然title的值也是一句话。
通过上面的学习内容,我们可以给图片加超链接的,也就是点击图片可以转到链接页面,先写超链接双标签,然后在开始标签中添加属性链接地址,图片的标签自然是加在当时开始标签和结束标签的中间,例如:

乐乐

我在图片的标签中还设置了它的大小和其他的属性(上面学到的图片属性)

3.表格标签

双标签
表格自然是大框架,里面有行列,也有单元格,在这里
双标签是整个表,双标签是行,
双标签是单元格,也代表了一列。
先学习设计视图中表格的设计,相对于自己写代码是方便的多了,有些属性的设置直接可以在属性窗口中进行,若是没有属性窗口可以在“窗口”菜单中选择。在设计视图中建一个表格,在表格对话框中自然是添加行数和列数,还有设置宽度,设置宽时是有两个选项,一个是百分比,一个是像素。百分比就是对整个窗口来说的,可以随浏览器的大小而变化。还有就是容易混的:间距和边距,边距也就是单元格与单元格之间的距离,边距是指单元格内的文字和单元格边的距离。建好之后就可以看代码部分了,里面就有了表格的代码,有了新的属性就是边框(border)、边距(cellspacing)、间距(cellspadding)它们的值就是多大。
如果想对单元格进行设置,例如:设置宽高(不能使用百分比)、对齐方式(水平、垂直),这些属性都是在单元格中设置的。水平对齐的属性align有很多的值,其中有right、left和center;垂直对齐的属性valign也有很多值:top、bottom和middle。如果要设置行宽的话,只要设置第一行的第一个单元格就可以;设置列高的话也是设置第一列的第一个单元格就可以。
在就是对单元格的合并和拆分,设计视图自然简单,复杂的是代码。在这我就有点混乱了,什么这两个单元格合并了后,下一行的单元格就要减少,我觉得我要是做表格的话,必定要画草图了,因为我觉得光凭我自己想的话,肯定会乱的,自然用到的标签:合并列(colspan)、合并行(rowspan)它们的值就是想要合并或是拆分多少个单元的数量了。还有就是简单的背景色的添加了,选中想要添加背景色的单元格,也就是在单元格标签中使用bgcolor属性就好了。
还讲了一个用表格进行布局的例子,也就是用表格设计一张网页,在这个例子中,用到了表格的嵌套还有设置宽高等,也就是对上面的内容进行练习。今天一天的内容对我来说还可以,就是最后的那个拆分和合并有点混乱,不过要是要草图看着写代码也是可以理清楚思路的,还有学习了新得标签和属性,加以练习相信会把这些属性和标签记住的。

posted @ 2016-10-29 19:08  悦~  阅读(312)  评论(1编辑  收藏  举报