HTML+CSS学习笔记二

来源:互联网 发布:男士发簪 淘宝 编辑:程序博客网 时间:2024/05/16 12:55

在HTML中,<p></p>标签是一个文本级标签,里面只能放文字,图片和表单元素。


在HTML中,可以使用<img src="" />标签来插入图片。img是image的简写,src是source的简写。src是img标签的属性。能够插入的图片类型有jpg、jpeg、bmp、png、gif。不能插入的类型有psd、ai。

同时,这个标签是一个自封闭标签,也可以叫做单标签。

在img标签中可以加入alt属性,如:<img src="" alt="" />。alt属性的作用是当图片无法正常显示时,alt属性中的值将会作为替代文字出现。

例如:


当网页上的图片无法正常显示时,会出现



在HTML中,为了实现网页之间或者网页内锚点之间的跳转,就必须要确定文件之间的相对路径。

比如我要在网页中引用images文件夹中的图片,我的代码必须是<img src="images/ghost.jpg" />。如果我要引用上一级文件夹中的图片,我的代码必须是<img src="../ghost.jpg" />。

而当我为了实现网页间的跳转时,我必须在网页内加入超链接。代码为:<a href=""></a>。a是anchor的简写,href是hyperText reference的简写。a标签时一个文本级标签。

例如:


在网页上显示的效果为:


同时,还可以在a标签中加入title属性,作用是当鼠标移至超链接文本时,会显示title中的值。

例如:


在网页上的显示效果为:


也可以在a标签中加入target属性,作用是在新打开的空白页中显示跳转的网页。使用命令<a href="" target="_blank"></a>就可以实现这一功能。

为了实现网页页面内的跳转,可以在网页中加入锚点。在a标签中加入name属性或者id属性就是起到设置锚点的作用。

例如:


同时,为了跳转到这个锚点,需要使用命令<a href="#我的作品"></a>。





0 0
原创粉丝点击