HTML基础知识点(F2)

1.超链接标签【a】

<a href = "" target = " " >超链接内容</a>
复制代码

作用用于点击跳转到指定页面或者内容区域。href属性用于存放跳转地址target属性用于设置页面的打开方式,默认是在本页面打开,_blank在新页面打开。

两种使用<a>标签的方式:

通过使用href 属性创建指向另一个文档的链接

<a href=""></a>

通过使用name属性创建文档内的书签(也是页面跳转)

<a name="label">锚(显示在页面上的文本)</a>

也可以变成:
<a id="跳转的元素位置" href=""></a>

【target】的参数值

1._blank 在新的窗口中打开

新窗口中打开被链接文档。

2._self 在当前窗口中打开

默认。在相同的框架中打开被链接文档。

3._parent 在当前窗口打开

父框架集中打开被链接文档。

4._top 在当前窗口打开

整个窗口中打开被链接文档。

5.framename 在指定的框架中打开被链接文档。

2.【img】图像标签

<img src="" >
复制代码

作用:向网页中嵌入一幅图像

【src】图片的路径(位置)

源属性的值是图像的 URL 地址

【alt】替换文本属性(图片描述)

用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
在浏览器无法载入图像时,替换文本属性告诉读者它们失去的信息

【map】图像地图(了解)

    <map name="">
    <area shape="" coords="" href="" >
    </map>
复制代码

name:定义地图的名称

area:定义可点击的区域

【shape】定义区域形状

参数值:

    【default】规定全部区域
    【rect】定义矩形区域
    【circ】定义圆形
    【poly】定义多边形区域
复制代码

【coords】定义可点击区域(对鼠标敏感的区域)的坐标。

参数值:

    【x坐标】
    【y坐标】
复制代码
每种形状的参数值写法:
圆形:shape=”circle”,coords=”x,y,radius”

这里的 xy 定义了圆心的位置****(”0,0″ 是图像左上角的坐标)r 是以像素为单位的圆形半径

多边形:shape=”polygon”,coords=”x1,y1,x2,y2,x3,y3,…xn,yn”

每一对 “x,y” 坐标都定义了多边形的一个顶点 (”0,0″ 是图像左上角的坐标)

定义三角形至少需要三组坐标高纬多边形则需要更多数量的顶点

多边形会自动封闭,因此在列表的结尾不需要重复第一个坐标闭合整个区域

矩形:shape=”rectangle”,coords=”x1,y1,x2,y2″

第一个坐标是矩形的一个角顶点坐标另一对坐标对角的顶点坐标“0,0”图像左上角的坐标。

请注意,定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享