接下来,我们继续学习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年度辛星全然解读html第七节

    经过前面六节的学习,我们大致清楚了HTML教程中的基础内容,那么接下来我们開始继续向后推进,能够说,以下我们介绍一下HTML中的区块. ***************区块*************** ...

  2. 2014年度辛星解读css第四节

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

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

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

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

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

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

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

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

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

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

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

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

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

  9. 2014年辛星完全解读Javascript第一节

    ***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数 ...

随机推荐

  1. C#语言基础原理及优缺点

    一.原理: C#是专门为.net程序框架而创造的语言. .net框架有ms的.netFramework:Mono的.NetFramework(也是符合.net IL语言,CTS规范,CLS规范, CL ...

  2. Install Linux Kernel - AT91SAM9260EK

    两.AT91SAM9260EK 2.1下载 介绍页: http://www.at91.com/linux4sam/bin/view/Linux4SAM/LegacyLinuxKernel 下载页: a ...

  3. 超炫HTML5 SVG聊天框拖拽弹性摇摆动画特效

    这是一款很有创意的HTML5 SVG聊天框拖拽弹性摇摆动画特效. 用户能够用鼠标点击或用手滑动聊天框上的指定区域,该区域会以很有弹性的弹簧效果拉开聊天用户列表.点击一个用户头像后.又以同样的弹性特效切 ...

  4. 世纪互联、微软Azure与无穷小微积分

              今年9月25日,世纪互联正式开通微软Azure商用服务,有感.          我是世纪互联创业历程的见证人(之中的一个),现在看到世纪互联推出微软Azure公有云的商用服务,心 ...

  5. [置顶] 轻量级语言Lua入门

    作为一个脚本爱好者,而且是脚本(Perl)起家的我,一有空就喜欢学习下这些脚本语言.据说魔兽世界.愤怒小鸟都用到了它,所以今天研究下Lua这个叫法有点奇特的脚本 [转载请注明出处:http://blo ...

  6. tarjan算法(割点/割边/点连通分量/边连通分量/强连通分量)

    tarjan算法是在dfs生成一颗dfs树的时候按照访问顺序的先后,为每个结点分配一个时间戳,然后再用low[u]表示结点能访问到的最小时间戳 以上的各种应用都是在此拓展而来的. 割点:如果一个图去掉 ...

  7. vultr centos x64 6.5.x 升级php7.0

    升级前,先卸载 php5.6.x 卸载php5.6.2 从cent 6.5.x 需要卸载: yum remove php56u-mysqlnd-5.6.20-1.ius.centos6.x86_64 ...

  8. GNU名称解析

    GNU它是GNU's NOT UNIX缩写G     N    U缩写,和GNU全名GNU's NOT UNIX 中间 GNU 也GNU's NOT UNIX缩写,它使用递归方式定义GNU.

  9. 重新想象 Windows 8 Store Apps (7) - 控件之布局控件: Canvas, Grid, StackPanel, VirtualizingStackPanel, WrapGrid, VariableSizedWrapGrid

    原文:重新想象 Windows 8 Store Apps (7) - 控件之布局控件: Canvas, Grid, StackPanel, VirtualizingStackPanel, WrapGr ...

  10. windows azure Vm、cloud service、web application 如何选择可用的服务

    windows azure 的web应用和虚拟机都经常用.我们经常把我们的网站部署上去.一般选择web应用或者开一个虚拟机.开一个虚拟机就会按照虚拟机的使用时间进行计费. 那么我们选择web部署在哪里 ...