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

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

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

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

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

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

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

2.示例代码：

<body>

        <pre>

            我是辛星，你是谁啊

            谢谢，辛星，值得关注

        </pre>

</body>

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

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教程夏季版第三节的更多相关文章

  1. 2014年度辛星css教程夏季版第三节

    第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...

  2. 2014年度辛星css教程夏季版第六节

    这一节我们就要讲到布局了,其实布局本身特别简单,但是要合理的布好局就不那么简单了,就像我们写文章一样,写一篇文章非常简单,但是要写一篇名著就很难了,这需要我们扎实的功底和对文学的理解,但是,千里之行, ...

  3. 2014年度辛星css教程夏季版第五节

    本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...

  4. 2014年度辛星css教程夏季版第四节

    接下来的这一节我计划讲解的是超链接和列表的样式,然后我们做出一个导航栏出来,其实导航栏是非常常见的,但是我们这里做得这个有点并不那么完善,等我们学完了css之后再完善它. ************** ...

  5. 2014年度辛星css教程夏季版第二节

    第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释***** ...

  6. 2014年度辛星css教程夏季版第一节

    CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. ************* ...

  7. 2014年度辛星html教程夏季版第八节

    经过前面七节的学习,我感觉大家的HTML的功底也差不多了,而且我特别的删去了某些东西,比如框架,如果回到几年前,那么框架是非常流行的,但是现在都到了2014年了,这些东西早就该被遗忘了,因此,我果断的 ...

  8. 2014年度辛星html教程夏季版第一节

    从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是 ...

  9. 2014年度辛星html教程夏季版第六节

    不知道这样大家会不会感觉枯燥,总之不管大家怎么样,辛星始终会陪伴大家的,期待您的关注和支持,也衷心的希望我的博客能让您少走弯路,获得更系统的知识. ***************表格********* ...

随机推荐

  1. 解决windows server 2003不认U盘或移动硬盘

    解决windows server 2003不认U盘或移动硬盘1.进入命令提示符环境(也就是DOS) 2.进入DISKPART程序 3.输入AUTOMOUNT ENABLE指令 4.OK,下次USB硬盘 ...

  2. 硬菜点播台 | MySQL阿里实践经典案例之参数调优最佳实践

    http://mp.weixin.qq.com/s?__biz=MzA4NjI4MzM4MQ%3D%3D&mid=512708319&idx=1&sn=6af5f424d7cd ...

  3. redis持久化（摘录）

    redis是一个支持持久化的内存数据库,也就是说redis需要经常将内存中的数据同步到磁盘来保证持久化.redis支持两种持久化方式,一种是 Snapshotting(快照)也是默认方式,另一种是Ap ...

  4. Python开发笔记之正则表达式的使用

    查找正则表达式 import re re_txt = re.compile(r'(\d)*.txt') m = re_txt.search(src) if not m == None: m.group ...

  5. 我给自己的Sass+Compass，在Windows下写个bat，快速cd到我的sass目录

    在Windows下,我总是要打开Ruby的cmd来进行Sass,其中要写好多cd,次数多了,自己的多敲,的确能记得更牢靠,但是无形中会浪费自己的一点点敲cd命令的时间,所以我想到自己在windows下 ...

  6. 微信小程序开闸，关于入口、推广、场景的一些观察与思考

    今夜(1月9号)零点,微信小程序正式上线.在体验了很多款小程序后,我对小程序的使用场景有了更多的认识.以下是一些想法,欢迎交流. 一.小程序的"入口"在哪儿? 1.只有访问过的小程 ...

  7. EF中使用数据库的标量值函数

    参考资料:https://msdn.microsoft.com/zh-cn/library/dd456847(v=vs.110).aspx http://stackoverflow.com/quest ...

  8. NUnit使用详解（一）

    转载:http://hi.baidu.com/grayworm/item/38e246165aa7b9433a176e90 NUnit是一个单元测试框架,专门针对于.NET来写的,它是是xUnit的一 ...

  9. eclipse Ctrl+1 没反应

    今天上午写代码,突然发现Ctrl+1没反应了,顿时无语.昨天还好好的,今天就不行了…… 无奈,只好在网上查了查,据说快捷键冲突的原因比较大. 于是我将Ctrl+1换成了Alt+1.在eclipse中测 ...

  10. js一些算法实现

    1.约瑟夫环实现 //附有调试 function joseph(n,p){ var arr=[]; for(var i=0;i<n;i++){ arr.push(i); } debugger; ...