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.然后,它被引入超链接。

版权声明:本文博主原创文章,博客,未经同意不得转载。

时间: 2024-10-28 09:19:46

2014年度辛星完全解读html部分的相关文章

2014年度辛星完全解读html第二节

上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签. ***************head标签************************ 1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签. 2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了. 3

2014年度辛星完全解读html第三节

接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油.我们本小节来认识另外几个标签. *************空格和换行************** 1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙. 2.浏览器会把我们多余一个的空格都解析为一个空格,如果我们想要多加几个空格的话,需要使用  它表示字符实体,每当我

2014年度辛星完全解读html第七节

经过前面六节的学习,我们大致清楚了HTML教程中的基础内容,那么接下来我们开始继续向后推进,可以说,下面我们介绍一下HTML中的区块. ***************区块*************** 1.HTML中的大多数元素都被定义为块级元素或内联元素,块级元素在显示的时候,会以新行开始,比如我们前面讲到的h1标签,p标签,ol标签和table标签. 2.而内联元素则在显示的时候是不会另起一行的,它们会在后面显示,比如我们前面讲到的td标签,img标签,strong标签等等. *******

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

从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是一个入门网站,而是一个手册性质的网站,也就是适合我们去随时查询,但是不适合我们随时随地的阅读和学习.本教程则是一个适合入门的教程,如果是新手,可以学习下,如果是高手,这种html的知识就不用看了. **********快速入门************* 1.html是HyperText Markup

2014年度辛星html教程夏季版第二节

上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签. ***************head标签************************ 1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签. 2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了. 3

2014年度辛星html教程夏季版第三节

接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油.我们本小节来认识另外几个标签. *************空格和换行************** 1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙. 2.浏览器会把我们多余一个的空格都解析为一个空格,如果我们想要多加几个空格的话,需要使用  它表示字符实体,每当我

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

CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. *************时代的呼唤************* 1.在之前,我们直接把网页的格式写到HTML中去,这样会造成格式的混乱,而且难以阅读和修改,不过这不是最大的问题,最大的问题在于我们想给网页换一个表达样式的时候,需要修改的地方不仅很多关键是非常零散,需要花费很大的力气去定位这些样式. 2.于是,把网页内容与其表

2014年度辛星html教程夏季版第七节

经过前面六节的学习,我们大致清楚了HTML教程中的基础内容,那么接下来我们开始继续向后推进,可以说,下面我们介绍一下HTML中的区块. ***************区块*************** 1.HTML中的大多数元素都被定义为块级元素或内联元素,块级元素在显示的时候,会以新行开始,比如我们前面讲到的h1标签,p标签,ol标签和table标签. 2.而内联元素则在显示的时候是不会另起一行的,它们会在后面显示,比如我们前面讲到的td标签,img标签,strong标签等等. *******

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

经过前面七节的学习,我感觉大家的HTML的功底也差不多了,而且我特别的删去了某些东西,比如框架,如果回到几年前,那么框架是非常流行的,但是现在都到了2014年了,这些东西早就该被遗忘了,因此,我果断的把这些我感觉过时的东西全部扔掉. 而HTML5的话,本教程还是没有涉及,我认为现在学习HTML5已经可以了,毕竟HTML5的教程也有一些人出了,但是本教程不涉及,并不是我不建议大家学.不建议大家用,只是本教程没有提及而已. 还有些东西,比如样式的设置,比如标签的id和name什么的,凡是我认为可以放