HTML页面查看world等文件,网页文件 - HTML - 网页基础

HTML - 网页文件 ¶作者：KK

发表日期：2016.01.26

学习本章节前你需要准备以下知识/技能:

使用 Chrome 浏览器/火狐浏览器来测试练习代码，如果用360极速浏览器或QQ浏览器等有"双核浏览器"特性的浏览器则要把模式切换成极速模式，否则可能会学得有点不顺利。

要制作网页，就要创建网页文件，每一个网页至少需要 1 个文件。

现在我们准备一个用于学习测试的文件夹来学习本系列教程吧，在里面新建一个文本文档并将它重命名为index.html，其实html就是网页文件的后缀名之一。

然后在打开方式中选择用记事本来打开这个 html 文件，在里面输入以下内容并保存。

Hello World!

然后再在打开方式中选择使用随便一个浏览器来打开这个文件(就是平时上网用的浏览器)，打开后你就发现浏览器显示了一个空白页面，左上角有Hello World!这句话，恭喜你成功制作了第一个网页！虽然它内容很简单。

其实上面这些就是通俗所说的网页代码了，Hello World!这些文字被

和包住，可以说，网页上显示的东西，都是被这两个东西包住的，所以后面我们学习时，如果要修改显示的页面内容，记得在和之间插入要显示的内容哦，在其它地方插入是不会显示的。

注:网页代码就是 HTML 代码，这种写法的代码叫做 HTML。

我们在浏览器上看到的各种网站的页面内容几乎都是由 HTML + CSS + JavaScript 这三种代码呈现出来的，而这里的网页基础就是教你这三种东西的小基础，让你初步了解网页是如何做出来的，怎么做出一个比较像样的网页。

虽然看上去有三种代码要学，好多的样子，但其实经常用的也就那十来二十个小知识点，但我们不用管它，只要先学好用得到的、实用的，起码这样你就有了自主深入学习的基础咯。

编辑器 ¶

上面例子我是叫你用记事本这个软件来书写网页代码，但实际上它真的很不好用，我们做网页的人用更专业的编辑器来写网页代码，先从最简单的工具介绍给你，那就是notepad++这个软件。

请自行上网搜索安装notepad++这款软件，安装时除了自己修改安装路径，其它安装选项都不需要修改，勇往直前下一步吧。

然后我们在打开方式中选择使用 notepad++ 来打开刚才写好的 html 文件，发现了没，它把代码按照不同的规则上了不同的颜色，看起来更加好看的样子。

为了方便以后写代码，请你跟着教程使用这个软件来编写代码哦，所以你可以将 html 文件关联到 notepad++ 编辑器了，双击直接用它打开编辑。

而且你其实测试的时候可以直接用编辑器修改内容，比如将内容改成Hello World!22222，之前打开的网页不用关闭，直接回到网页上按 F5 刷新或者右键选择刷新菜单就可以看到新编写的内容了。

HTML页面查看world等文件,网页文件 - HTML - 网页基础 - KK的小故事相关推荐

Java只读服务器,在服务器端，JSP页面如何只读打开本地的word文件并显示在网页上...
在服务器端,JSP页面怎么只读打开本地的word文件并显示在网页上? 最近开发网站,遇到一个问题就是在服务器端,JSP页面怎么只读打开本地的word文件并显示在网页上,请问高位高手有没有什么解决办法, ...
html网页文件的主体标记,HTML的填空题:1.HTML文件中网页文件的主体标记是_________，标记页面标题的标记是_____________。如题谢...
HTML文件中网页文件的主体标记是 ,标记页面标题的标记是. body元素是定义文档的主体,包含文档的所有内容.body是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可 ...
Python-Flask入门，静态文件、页面跳转、错误信息、动态网页模板
Python-Flask入门及路由基础请参看Python-Flask入门,路由route.项目启动.修改网址端口.获取URL地址和参数.Form数据_无敌路路帅气的博客-CSDN博客本节重点讲述静态 ...
IE浏览器查看访问过网站的临时网页文件
RT 访问一个网站,然后想获取该网站的临时网页文件,比如图片,或者js文件等等接下来拿一个网站来试试看,先用ie浏览器访问下面的网站 https://www.169tp.com/ 然后,工具--In ...
chrome查看网页文件_如何在Chrome中直接将文件和网页下载到Google云端硬盘
chrome查看网页文件 We've all downloaded files from the web to our computer. However, if you'd rather downl ...
网页自动切换html css js,HTML页面自动清理js、css文件的缓存（自动添加版本号）_HTML/Xhtml_网页制作...
这篇文章主要介绍了HTML页面自动清理js.css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考.对HTML感兴趣的小伙伴们一起跟随小编过来看看吧在we ...
PHP网页文件扩展名,网页文件的扩展名有哪些
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 网页文件的拓展名有:htm.html.JSP HTML.php.ASP动态网页文件.PHP/PHP3.PHTML等,由网页语言编写 ...
创建网页文件html,HTML快速入门之创建网页文件
本文为零基础学习者准备了关于创建网页文件的相关学习笔记,具体内容包括网页文件创建.HTML标签语法规范.HTML标签的关系以及HTML整体结构.完成以上内容的学习,大家基本上就能学会如何创建一个有简单 ...
html文件怎么在桌面建立,怎么创建html网页怎样在桌面上建立HTML网页文件？
使用记事本就可以建立".html"文件.操作如下: 首先在电脑桌面空白处右键鼠标,新建"文本文档": 在新建的文本文档中输入要显示的内容: 然后返回桌面,将文本 ...

HTML页面查看world等文件,网页文件 - HTML - 网页基础 - KK的小故事

HTML页面查看world等文件,网页文件 - HTML - 网页基础 - KK的小故事相关推荐

最新文章

热门文章