html网页源代码是什么 如何查看网页源代码经验篇

html-css023

html网页源代码是什么 如何查看网页源代码经验篇,第1张

第一种:打开一个网页后点击鼠标的 右键就会有"查看源文件",操作 鼠标右键--->查看源文件 即可弹出一个记事本,而记事本内容就是此网页的html代码。

可能会碰到一些网页鼠标右键无反应或提出提示框,那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容,但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

第二种:通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,点击查看源代码即可查看此网页的源代码源文件。

在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图:

查看别人网页的源代码可以为我们制作网页时候有帮助,以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

三、其它浏览器具体查看html网页源代码方法步骤   -   TOP

首先请打开您的网络浏览器,然后访问任何一个网页。

完成上述步骤后,您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。

1)、Firefox浏览器,请按以下步骤操作:

点击火狐firefox浏览器上方“工具(T)”菜单。

在下拉菜单中点击“Web 开发者”。

然后在下拉菜单中选择点击“页面源代码”,即可查看网页源代码。

2)、谷歌浏览器,请按以下步骤操作:

点击广告浏览器,右上角“三横”控制图标

在下拉菜单点击“工具”

然后再点击“查看源代码”。

或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。

对于这些的话,新手朋友可以参考附件里面的知识学习下

如图:

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代码-百度百科