2014年度辛星完全解读html第三节

接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油。我们本小节来认识另外几个标签。

*************空格和换行**************

1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙。

2.浏览器会把我们多余一个的空格都解析为一个空格,如果我们想要多加几个空格的话,需要使用  它表示字符实体,每当我们加上一个   它就会多加一个空格,值得注意的是,这里的 总共是六个字符,两个符号和四个字母,缺一不可。

3.至于换行,我们前面也看到了,我们通常用<br />表示。

  **************pre*****************

1.所谓的的pre,就是定义预格式文本,在该标签中间的部分会原封不动的输出到浏览器上,它的多于一个的空格不会被当做一个空格,而且换行也会正常显示。

2.示例代码:

2014年度辛星完全解读html第三节
<body>
        <pre>
            我是辛星,你是谁啊

            谢谢,辛星,值得关注
        </pre>
</body>
2014年度辛星完全解读html第三节

 

***************超链接********************

1.所谓超链接,就是当我们点击某个东西的时候,它会自动跳转到别的网址,这个“东西”可以是文字,也可以是图片,而且当我们把鼠标指针移动到网页的某个超链接上的时候,鼠标通常会变成一只小手的样子。

2.我们用a标签来表示超链接,而且它有一个href属性,这个href属性中我们填写连接到的地址。

3.我们光用a标签定义一个超链接往往还不够,我们还需要定义一个载体,我们点击这个载体,跳转到连接的地址,如果我们用文字作为载体,则在a标签中书写相应的文字即可。

4.下面我们用文字作为载体,来演示一下超链接的使用:

<body>
        <a href="http://www.baidu.com">百度</a>
        <a href="http://www.sina.com">新浪</a>
</body>

需要说明的是,我们超链接的href属性中的http:// 不能省略,否则会导致链接错误。

5.我们也通常指定a标签的href属性为#号表示一个空链接。

6.a标签的另一个常用属性就是target属性了,如果没有该属性,我们点击它,默认是在本网页加载该连接到的网页,如果我们使用了它,那么可以在新的标签页中打开,示例代码:

<a href="http://www.baidu.com" target="_blank">去百度</a>

 

***************小结*******************

1.本节介绍的内容首先介绍了HTML网页中的回车和换行的问题,然后还拥有pre标签。

2.然后就是介绍了超链接。

2014年度辛星完全解读html第三节

上一篇:SharePoint 2010 图片库缩略图 Web Part Web 部件


下一篇:CSS3动画 相比JS Animation 哪个更快?