当前位置:首页 » 建站 » 正文

零基础建网站:做网站建网站第一步,学会HTML!

2020年02月26日 23:39:22  分类: 建站   点这评论

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

其实标题是这么个标题,但是事不是这么个事,什么叫做网站建网站第一步,学会HTML!

为什么这么说呢?接下来,泡上一杯清茶,慢慢看,就当是听一个故事一样,而不是上课。

HTML是什么?HTML的英文名是这个(HyperText Markup Language),非得把它翻译成中文的话就是超文本标记语言。

HTML它的作用是什么?说得复杂了也没有用,HTML它的作用就是,让你上网用的“浏览器”这款软件能看懂,并根据你的标识进行图文排版。

简单来说,HTML就是一个记号,记号为文字则显示文字,记号为图片则显示图片,记号为段落则显示段落。

废话不多说,直接来一段。

<html>

<head>

<title>这里的内容显示在浏览器的左上角,也就是网站的标题!</title>

</head>

<body>这里是网站的主题内容,可以显示网站的任何内容包括风格设计、排版,还有网站的内容。</body>

</html>

上边就是最基础的HTML身体结构代码!发现HTML它的特点了吗?没错,就是一开一合!

<标记></标记>

HTML始终贯彻着一开一合的特点,<元素>+<斜杠即“/”元素>这么就等于一句完美的HTML语言。

那么零基础建网站就真的需要完完全全的学会HTML语言吗?完全不需要!

只需要学会p、a、herf、strong、img、src、li就可以建设出一个很完美的网站,根据自己的喜欢写出自己喜欢的文章了。

多说无益,一步一步来!每个元素我都会解释。

p:

p的意思代表段落。你看到的是这样的,然而实际上是这样的!

你看到的:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

实际上的:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

最后的显示效果:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

请熟记p这个元素,它是你排版时候最重要的元素,没有之一!而且p元素效果会根据主题的设定不同而不同,这是更深层次的问题了,这里暂且不谈。

a:

a代表文本中的超链接元素。什么是超链接,你可以理解为上网时候点得进去的任何链接。

请看好了,这是一个链接!链接两个字是可以点击的,为什么呢?因为赋予了a元素。分析一下,是这个样子的!

<a href="http://www.hkzhuan.com/" target="_self">链接</a>

<a开头,空格后herf="链接到的地址" target=“其实这个可有可无”>链接的内容,想输入什么就输入什么,比如说:一秒钟月入过亿,哈哈,最后别忘了要关闭a元素开关</a>

以上就是a、herf的作用,不过由于现在的程序已经足够智能了,直接就可以创建超链接,也就是你点击就能进入的链接,更是你上网的时候点击的无数链接!

strong:

说到这个,为什么我不说有个b元素呢?和strong一样,他们两个的显示出来的效果是一样的。都是给你想要加粗体的字,变成粗体!

但是呢,<strong>是加重语气标签而<b>是粗体标签。

也就是说,请看下方例子:

<strong>你想特别说明内容,简单来说就是加重点,搜索引擎们会着重判断你这个加重点的重点。可以参考一下,我上边加重了几次。</strong>

这两个元素他们起的都是加粗字体的作用。

在大部分情况下,两个元素表现出来的效果是一样的,只是不同的是:

<b>元素是一个实体元素,它所包围的字符将被设为bold(粗体),而<strong>元素却是一个逻辑标签,它的作用是加强字符的语气。方便搜索引擎差缺并收录以及引用到该语气!

所以总的来说,这俩元素都是通过加强字符的语气是通过将字符变为bold(粗体)来实现的。但是<strong>就是优于<b>,因为<strong>元素真的能帮你优化网站!

img:

img元素就比较好理解了,代表的是图片。废话不多说,举例:

这是一张图片:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

这张图片的元素是:

<p style="text-align: center;">

<img src="https://www.51easym.com//zb_users/theme/xxmy/include/noimg.png"/>

</p>

没错这就是在展示一张图片,一张建立在段落内的图片。img元素就是用来建立图片的!但其中的src是什么意思呢?其实就是图片的地址。

当你看到了,我要零花钱+蓝色背景的这张图片的时候,其实已经通过src这个元素来链接上去了。

正如上边的那一段代码一样,非得洗白图片以后再看。嗯,就是下边这样:

代码:

<p style="text-align: center;(包括小括号,其意思就是居中!)">

<img src="图片的真正地址"/>

</p>

img和src是一起用的,你想显示一张图片,那么这张图片的真实地址必不可少,怎么链接上去呢?用src元素,图片元素是在一开始申明了,也就是img元素。

li:

这个元素,其实就是个列表元素,但是如果是在建设网站的时候,在安排友情链接或者各种项目,可以帮到我们的大忙,今天就简单来说一下友情链接吧。以下是本站的友情链接。

友情链接代码:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

那么实际上实现的效果又是怎么样的呢?如下图:

零基础建网站:做网站建网站第一步,学会HTML!-我要零花钱

没错,这就是li元素的重要性。它能把你安排的明明白白,简单来说,就是一项事物或者数列,按照排列去看,就是li。

现在要的话,其实我想说的其实很多站长早就懂了,但是并不知道这些元素对于搜索引擎的重要性,当然现在百度节操都掉得不要不要的了,也就无所谓了!

最后,希望每一个站长都看一看,了解一下,清茶喝完了吗?

当然,如果你是完全不会的小白,也没有关系,跟着我一步一步来,迟早什么都会,怕就怕在,你无法坚持!

以上!

猜你喜欢:

新开网站基础必备优化建议

恐龙有钱怎么赚钱?恐龙有钱分红龙怎么获得?

【反馈】写一写关于之前推广过的项目的改变。

来源:我要零花钱,本站若无特别申明,皆为原创。转载请保留出处和链接!

本文链接:https://www.51easym.com/post/52.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright © 2019-2020 Powered By 我要零花钱 版权所有.
感谢 雨云主机 强力驱动.