2014年度辛星html教程夏季版第三节
接下来我们继续学习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教程夏季版第三节的更多相关文章
- 2014年度辛星css教程夏季版第三节
第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...
- 2014年度辛星css教程夏季版第六节
这一节我们就要讲到布局了,其实布局本身特别简单,但是要合理的布好局就不那么简单了,就像我们写文章一样,写一篇文章非常简单,但是要写一篇名著就很难了,这需要我们扎实的功底和对文学的理解,但是,千里之行, ...
- 2014年度辛星css教程夏季版第五节
本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...
- 2014年度辛星css教程夏季版第四节
接下来的这一节我计划讲解的是超链接和列表的样式,然后我们做出一个导航栏出来,其实导航栏是非常常见的,但是我们这里做得这个有点并不那么完善,等我们学完了css之后再完善它. ************** ...
- 2014年度辛星css教程夏季版第二节
第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释***** ...
- 2014年度辛星css教程夏季版第一节
CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. ************* ...
- 2014年度辛星html教程夏季版第八节
经过前面七节的学习,我感觉大家的HTML的功底也差不多了,而且我特别的删去了某些东西,比如框架,如果回到几年前,那么框架是非常流行的,但是现在都到了2014年了,这些东西早就该被遗忘了,因此,我果断的 ...
- 2014年度辛星html教程夏季版第一节
从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是 ...
- 2014年度辛星html教程夏季版第六节
不知道这样大家会不会感觉枯燥,总之不管大家怎么样,辛星始终会陪伴大家的,期待您的关注和支持,也衷心的希望我的博客能让您少走弯路,获得更系统的知识. ***************表格********* ...
随机推荐
- 【转】C++中了类继承和调用父类的构造函数方法
构造方法用来初始化类的对象,与父类的其它成员不同,它不能被子类继承(子类可以继承父类所有的成员变量和成员方法,但不继承父类的构造方法).因此,在创建子类对象时,为了初始化从父类继承来的数据成员,系统需 ...
- 【LeetCode】Agorithms 题集（一）
Single Number 题目 Given an array of integers, every element appears twice except for one. Find that s ...
- Bluetooth in Android 4.2 and 4.3（三）：Enable Bluetooth
以下是基于Android 4.2代码,对Bluetooth BR/EDR Enable process的分析.BluetoothAdapter类代表的是local device Bluetooth a ...
- [转]JavaScript作用域安全构造函数
构造函数其实就是一个使用new操作符调用的函数.当使用new调用时,构造函数内用到的this对象会对指向新创建的对象实例,如下的例子所示: function Person(name, ag ...
- Android开发之Bitmap二次采样
Bitmap二次采样,听着好像是一个高大上的事,其实也就那么回事,今天我们就来看看Bitmap的二次采样问题. 1.为什么要二次采样 OK,那么首先我要 解决的一个问题就是为什么我们要二次采样? 不知 ...
- Const和readonly这间的区别和相同处
相同: const和readonly都是用来修饰常量的 不同: const 在申明之前就要对它初始化,readonly修饰的常量则可以到构造函数中初始化 const注重的是效率但是readonly注 ...
- （Entity FrameWork）Code First to an Existing Database
Pre-Requisites You will need to have Visual Studio 2010 or Visual Studio 2012 installed to complete ...
- jQuery Validate验证框架使用
jQuery Validate使用前的准备,需要下载相应js包括:1.jquery.validate.min.js.2.additional-methods.min.js. 当然必不可少的js jQu ...
- Container.ItemIndex 获取到行的序号
如果在ASP.NET中应用了Repeater.Gridview,想获取到行的序号,很简单,使用Container.ItemIndex即可.在Gridview中使用<%# Container.Da ...
- .Net 下FCKeditor上传图片加水印
配置FCKEditor请参考网上的. 如果你用的是.net的FCKEditor,把用到的FCKEditor.Net项目解压缩 在FCKEditor.net项目中,依次找到FileBrowser--&g ...