上一节课讲了网页的四大组成部分，今天就来进行实战操作，作为零基础的我们一样能够制作属于自己的网页。
网页一：
<!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
静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明用html5做一个简单的网页如此的简单！
顶一下
(0)
踩一下
(0)
