您好!欢迎来到静学网! 注册 登入
  • 致力中国及国外独立搜索引擎技术及第三方网站搜索引擎SEO排名研究

用html5做一个简单的网页如此的简单

课程目录 卢育永 次浏览
这节是html5教程的第五节课了,这节开始进入网页的简单制作,先从简单的网页制作开始,后期会慢慢接入一些复杂的东西,比如一些看起来比较炫酷的网页,如果大家留意的话,注意看一些营销型的网站或者大型商城网站,网页特效是特别的多的,大多是用到了js或者jquery脚本语言,因此要做一个炫酷的网页是不容易的,需要花费精力、时间去研究,当然如果你接触一个好的老师教你,会让你事半功倍,少走弯路。

上一节课讲了网页的四大组成部分,今天就来进行实战操作,作为零基础的我们一样能够制作属于自己的网页。
网页一:
<!DOCTYPE html>
<head><!--头部-->
<title> SEO优化教程</title><!—标题-->
</head>
<body><!—主体部分-->

<body>
</html>
html教程入门

上面一个简单的网页已经完成了,是不是感觉很简单啊,解释一下,这里只要注意标签是双标签,还是单标签;第二点是注意标签的书写顺序以及位置关系,如果位置写错了,那么在编译的时候可能不会显示内容,因此要特别的注意;第三就是斜杠了,千万不要忘记写斜杠,不然也不会显示内容的。那么接下来教大家在哪里添加内容,样式后面讲。

大家应该看到我注释的主体部分,内容就在这个区域里面写,下面举例子。这里我用table写一个表格。
<!DOCTYPE html>
<head><!--头部-->
<title> HTML5教程 </title>
</head>
<body>
<table>
      <caption>SEO优化教程<caption>
        <tr>
         <th>seo站内优化<th>
<th>seo站外优化</th>
</tr>
</table>
<body>
</html>
这就是一个比较完成的网页,这种网页属于静态网页,纯属的html5开发的网页,这种静态网页对于搜索引擎来讲,是比较受欢迎的,因此对于SEO优化er来说,静态网页似乎成了标配,大家可以测试,做两个不同的网站,值得注意的是,要注意严格控制变量,因为只要控制不良的因素,才能得出更加准确的效果。
上面网页代码中<caption>标签一般用于制作表格的时候,用于标题,要记得放在<table>之后,这个标签的好处是自动居中;<th>是一个单元格,说白了就是列,但要与<td>区分开来,<th>一般放在表头作为标的字段,也就是我们平时制作表格的时候,最上面一行为了突出,一般都做特殊处理,一般加粗或颜色,而<td>却没有,只能作为列;<tr>标签代表行,只能与<table>结合才能发挥作用。

好了今天的HTML5教程就到了这里了,大家把这几个练习几遍,就能掌握了,然后简单的做一个网页,别看这几个简单,要是自己写,不看现成的代码,估计还写不出的哦,建议练习不少5遍,我就是这么过来的,记得交作业哦。qq:1870447831



静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明用html5做一个简单的网页如此的简单
顶一下
(0)
踩一下
(0)
友情链接:
网站优化
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com