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