1.HTML界面结构:
通常通过html开发的网页,它有一个自己固定的书写格式(类似于写信的时候也有固定的格式)
1 <!-- 2 DOCTYPE用来告诉浏览器用当前html文档是用html的哪个版本编写的,下面的这种形式指的是HTML5的形式 3 --> 4 <!DOCTYPE html> 5 <!--html标签告诉浏览器自己的内容是网页,定义网页的结束和开始--> 6 <html> 7 <!--head标签用来定义网页的头部信息,这里的lang属性取值为en,即指当前网页的语言类型是英文,如果是中文的网页,请修改成zh--> 8 <head lang="en"> 9 <!--meta标签用来表示网页的元数据信息,例如这里的charset给了值UTF-8那么就是告诉浏览器要以UTF-8的编码类型去解析当前的网页--> 10 <meta charset="UTF-8"> 11 </head> 12 <body> 13 </body> 14 </html>
可以通过这种形式定义一个完整的网页,网页中要显示的内容都放在body标签内部,比如下面这样:
<body> hello world, this is my first page! </body>
我们需要把文件保存成.html结尾的文件,通过浏览器打开该文件会看到下面的信息
至此,你已经可以通过html标签将你想要的内容显示在界面上了。
下一篇文章带你学会使用div标签和表格标签