接下来我们继续学习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. 微信.NET 微信开发 自己主动内容回复 ASP.NET C#代码

    微信开发中,首先遇到的问题就是处理怎样接收和响应用户消息 , 本文将向大家介绍一下方法和关键的代码. 本文使用的接口库是  :https://github.com/chendong152/Weixin ...

  2. Objective C 代码片段(类别)

    @interface NSString (reverse) -(NSString *) reverseString; @end @implementation NSString (reverse) - ...

  3. Android View.onMeasure方法的理解(转载)

    一下内容转载自http://blog.sina.com.cn/s/blog_61fbf8d10100zzoy.html View在屏幕上显示出来要先经过measure(计算)和layout(布局).1 ...

  4. [Canvas] Introduction to drawing with p5js

    In this lesson we look at using color and the basic drawing methods of p5js, and how they can be com ...

  5. android112 jni 把java的字符串转换成c的字符串,数组处理

    package com.itheima.charencode; import android.os.Bundle; import android.app.Activity; import androi ...

  6. android104 帧动画,补间动画,属性动画

    ##帧动画FrameAnimation* 多张图片快速切换,形成动画效果* 帧动画使用xml定义 package com.itheima.frameanimation; import android. ...

  7. TIMESTAMP 与 explicit_defaults_for_timestamp

    在MySQL 5.6.6之前,TIMESTAMP的默认行为: TIMESTAMP列如果没有明确声明NULL属性,默认为NOT NULL.(而其他数据类型,如果没有显示声明为NOT NULL,则允许NU ...

  8. Interesting visualization tools for profiling.

    Interesting visualization tools for profiling. http://dtrace.org/blogs/brendan/2012/03/17/linux-kern ...

  9. Java为什么会超时

     java程序,最终是转成c运行的,我们写的程序会转成c代码,并且由底层的c程序调用,可以理解成我们程序最后变成被调用的c函数  底层的C程序是java虚拟机,由它读取我们的.class文件,翻译成c ...

  10. AIDL通信原理

    AIDL (Android Interface Definition Language),通过定义通信接口来实现进程间通信.这是Google提供的一种在安卓应用进程间通信的工具.所以要了解AIDL的通 ...