网页源代码的基本结构是什么

html-css013

网页源代码的基本结构是什么,第1张

如图:

1.无论是动态还是静态页面都是以“<html>”开始,然后在网页最后以“</html>”结尾。

2.<head>”页头

其在<head></head>中的内容是在浏览器中内容无法显示的,这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域,而里面“<title></title>”中放置的是网页标题。

3.“<meta name="keywords" content="关键字" /><meta name="description" content="本页描述或关键字描述" />”

这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。

4."<body></body>"

也就是常说的body区 ,这里放置的内容就可以通过浏览器呈现给用户,其内容可以是table表格布局格式内容,也可以DIV布局的内容,也可以直接是文字。这里也是最主要区域,网页的内容呈现区。

5.最后是以"</html>"结尾,也就是网页闭合。

以上是一个完整的最简单的html语言基本结构,通过以上可以再增加更多的样式和内容充实网页。

扩展资料:

标签详解:

1.<!doctype>:是声明用哪个 HTML 版本进行编写的指令。并不是 HTML 标签。<!doctype html>:html5网页声明,表示网页采用html5。

2.<meta>:提供有关页面的元信息(针对搜索引擎和更新频度的描述和关键词等),写在<head>标签内。

a)<meta charset="UTF-8">:设置页面的编码格式UTF-8;

b)<meta name="Generator" content="EditPlus">:说明生成工具为EditPlus;

c)<meta name="Author" content="">:告诉搜索引擎站点制作的作者;

d)<meta name="Keywords" content="">:告诉搜索引擎网站的关键字;

e)<meta name="Description" content="">:告诉搜索引擎网站的内容;

参考资料:html代码-百度百科

<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

<title></title>

</head>

<body>

</body>

</html>

html的基本结构如下:

<!DOCTYPE html>

<html>

<head>

<title>网页标题</title>

</head>

<body>

</body>

</html>