初识HTML(二)

来源:互联网 发布:unknown网络 编辑:程序博客网 时间:2024/06/11 01:35

上一篇简单介绍了几个标签,及一个网页的主体标签,想要达到一定的地步,还是那一句话,只要牢牢的去背,请相信,百益而无有一害,最好使用记事本等相关工具,标签要一个一个自己敲打,尽量学习期间,不要用相关提示。这一篇我们会重点的一一介绍各个标签。

如何新建一个网页呢?

新建一个txt文本,后缀为.html就好了,这就是一个空白的网页。

标题:

一个网页的标题一般会用h1~h6,h1是字号最大的标题,越往后则越小,可以看下面的图片:


    上边的代码在网页中显示如下图:


有的人就说了,那我要用h7,或者h100等,会怎么显示呢,其实上图中已经给了答复,细心的同学也能看到,它是不会生效的。

段落:

段落是用一个<p>标签来显示,可以看下面:


    在网页中显示如下:


图片:

图片用img标签,可以用绝对路径也可以用相对路径,src是用来标示图片的路径,width则是宽度,height是高度,如下图:


    生成网页显示如下:


其实呢,图片还可以在鼠标悬浮时进行相关提示,其实也很简单,加上title就行了,如下图:


    生成网页如下图:


HTML链接:

所谓链接,就是点击后,想让它跳到哪,用标签<a>。


点击上图中的跳转,就能挑到百度去了,默认的呢,是在当前页面打开,那么如何打开一个新的页面呢,其实也很简单,就是加个target元素。



1 0
原创粉丝点击