接下来我们继续学习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. 关于EF中ApplyCurrentValues和ApplyOriginalValues区别

    关于EF中ApplyCurrentValues和ApplyOriginalValues区别:两者都是编辑数据时使用. //        // 摘要:        //     将 System.D ...

  2. Could not find class &#39;****&#39;, referenced from method #####

    找不到类,多半也是和第三方的jar包有关. 将找不到的类.在下图中的地方勾选出来.假设jar太多.有的类有冲突的话,须要明白其先后顺序. 请外一篇和第三方jar有关的异常的文章. Conversion ...

  3. linux gnome 安装

    首先先下载x-window的内核:apt-get -u install x-window-system-core:下载登录管理界面gdm或kdm:apt-get -u install gdm gdm- ...

  4. mysqlbinlog 用法

    操作命令: show binlog events in 'binlog.000016' limit 10; reset master 删除所有的二进制日志 flush logs  产生一个新的binl ...

  5. 关于C语言中运算符优先级的一次错误

    好久没碰编程了,最近有点闲,又拾起来.做了个简单的网络测试程序,测试的时候发现有条语句老是获取不到结果.如下: if(portnumber=atoi(argv[1])>65535) portnu ...

  6. modelsim打开.wlf文件的方法(原创)

    运行vsim -c -l vsim.log -wlf vsim.wlf work.tb work.glbl之后,会在不启动modelsim的情况下完成仿真,并且会把仿真波形记录下来(以.wlf文件格式 ...

  7. 参加魅族 flyme 互联网编程大赛的一些感受

    为期两天的 flyme 编程大赛已经结束了,自己也在这次大赛中深有感触,受益颇丰. 在这次大赛里,认识到了很多厉害的开发者,有单打独斗的,也有四五成群的.开幕致辞上看到很多非常有创意的点子,感觉每个队 ...

  8. WPF 皮肤之MathApps.Metro UI库

    在WPF中要想使用Metro风格是很简单的,可以自己画嘛.. 但是为了节省时间,哈,今天给大家推荐一款国外Metro风格的控件库. 本文只起到抛砖引玉的作用,有兴趣还是推荐大家上官网,Thanks,官 ...

  9. 保留关键字 (Transact-SQL)

    https://msdn.microsoft.com/zh-cn/library/ms189822(v=sql.120).aspx Microsoft SQL Server 将保留关键字用于定义.操作 ...

  10. jsonp调用webapi和mvc

    webapi代码如下: public string Get(int id) { var callback = HttpContext.Current.Request["callback&qu ...