网页文件是用html语言创建的文本文件,把txt文件变成html网页文件
如果您看过《HTML是什么?——零基础自学网页制作》这篇教程,请按照其中说明创建一个txt文件。具体过程如下:
step1:在您方便的磁盘中建立一个文件夹,命名为"零基础自学网页制作"。例如我在D盘中建立了"零基础自学网页制作"文件夹。
step2:在文件夹中创建"HTML框架.txt"文件。鼠标移动到空白处点击右键选择"文本文档"。
命名为"html框架",如下图所示。
如果您的电脑没有显示".txt"后缀的话,请做如下操作:点击"工具",找到"文件夹选项"
菜单如下:点击"查看选项"。
下拉滑条,找到"隐藏已知文件类型的扩展名"选项,将前面的对勾去掉。
如果您使用的是win10的话请参考《边学边做网页篇------初识HTML》,这也是我做的教程,不过以后都使用这个账号来发了。
step3:把"HTML框架"复制粘贴到"html框架.txt"文件中。HTML框架代码如下:
粘贴后效果如下:使用CTRL+s组合键保存文件。
step4:复制"html框架.txt"文件,更名为"第一个网页.txt"。原始的"html框架.txt"文件为以后备用。
如图所示:
step5:把"第一个网页.txt"的后缀名".txt"改为".html"。
首先将光标放在"第一个网页.txt"文件上,点击右键,选择"重命名"。如图:
选择".txt"
更改为".html",敲击回车键。这时会弹出一个对话框,如图:
大胆的点击"是"即可。
修改后文件是这样的,如图:因为我的默认浏览器是360,所以,".html"文件图标显示为360浏览器的图标,显示其他浏览器的图标也没有问题。
step6:将鼠标移动到"第一个网页.html"文件上,单击右键,选择打开方式,如图:
选择任何一个浏览器打开即可,我使用的是火狐浏览器(Firefox),打开后如图所示:空白一片。
点击键盘F12键,看一下控制台,如图:查看器中已经显示我们的代码框架了。成功!
如果网页是一道菜,那么,html框架我们可以理解为装菜的白盘子,所以我们打开框架时,浏览器显示一片白。下面我们为盘子中加些简单的"菜"。
为html页面添加标题与段落
首先我们为页面添加"标题"
在添加标题前,我们来看一下html框架代码中的内容,在标签中有
和两个兄弟标签。
我们在页面中看到的所有的内容都是添加到
标签中间!
那么如何添加"标题"呢?
标题在HTML中用标签表示。在中间加入文字内容即可。如下所示:
第一个页面
右键,使用"记事本"打开"第一个网页.html"文件。如图所示:如果您的"打开方式"中没有"记事本"请点击"选择默认程序"
在"其他程序"中找到"记事本"。点击"确定"。从此,"记事本"就一直存在于"打开方式"中了。
我们把这句代码粘贴到
之间。如下所示:保存后使用浏览器打开。第一个页面
然后,使用浏览器打开,如图所示:标题出现在页面中了。
下面,我们来添加段落内容。
段落在HTML中使用
千里之行始于足下
请各位自行将代码添加到"第一个网页.html"文件中吧!示例代码如下:
第一个网页
千里之行始于足下
结果如图所示:
通过这个练习,我们可以发现一个规律,在
中,子元素代码的上下顺序代表了它在页面中显示的排版顺序。
这也简单回答了代码结构与排版的关系,html的标签语句只是标记了它所承载的信息的属性和版面位置。
基于这个特性,html被称为超文本标记语言。
下一期我们具体讨论页面中文字编辑的技巧。
喜欢的小伙伴请加关注,有任何问题请给我留言,欢迎大家给与指正!感激不尽!
网页文件是用html语言创建的文本文件,把txt文件变成html网页文件相关推荐
- 网页文件是用html语言创建的文本文件,html格式怎么编辑 在电脑桌面创建一个空白文本文件:...
我不会html编程,有什么工具可以直接修改html文件然后保存 我知道像word打开"我的电脑",进入到页面以后,双击"属性",进入到下一个页面. 怎么创建个编 ...
- 网页文件是用html语言创建的文本文件,HTML超文本标记语言,用它编写的文件(文档)的扩展名是.ppt...
HTML 超文本标记语言,用它编写的文件(文档)的扩展名是.html或.htm 网站首页的主文件名:Index,Default HTML是一个标准的ASCII文件 HTML语言使用标记对,标记名> ...
- c语言求出伍位数,简介 模拟银行的钱数大写输出例如345叁肆伍方法/步骤 首先打开VC++ 文件》》》新建 创建一个C++空白文档 先声明头文件复制代码 代码...
简介 模拟银行的钱数大写输出例如 345 叁肆伍 方法/步骤 首先打开VC++ 文件>>>新建 创建一个C++空白文档 先声明头文件 #include 声明变量 char *p[10 ...
- c语言创建一个文本文件datadat,c语言文件选择题.docx
C 语言文件选择题(答案在最后) 1.标准库函数fgets(s,n,f)的功能是 从文件f中读取长度为n的字符串存入指针s所指的内存 从文件f中读取长度不超过n-1的字符串存入指针s所指的内存 从文件 ...
- c语言创建写入和读取TXT文件数据
下面是一个简单文件读取程序,首先是写数据,将数字0~9写入到data.txt文件中,然后再从data.txt中读取数据,将读到的数据存到数组a[10]中,并且打印到控制台上. 下面是程序: [cpp] ...
- C语言创建指定大小的txt文件
近来需要测试网络的下载速率,自己搭了个服务器,好让客户端可以从服务器下载文件测试下载性能.需要准备些固定大小的文件,例如600k.4M等大小的文件. 思路很简单,C中一个 char类型占 1 byte ...
- php往文件里面写入数据,PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解...
本文实例讲述了PHP创建文件及写入数据(覆盖写入,追加写入)的方法.分享给大家供大家参考,具体如下: 这里主要介绍了PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码,需要的朋友可以参考下: 创 ...
- Django模板、配置文件、静态文件及案例实现(创建模板、设置模板查找路径、模板接收视图传入的数据、模板处理数据、BASE_DIR、DEBUG、本地语言与时区、App应用配置)
1.Django模板 网站如何向客户端返回一个漂亮的页面呢? 漂亮的页面需要html.css.js. 可以把这一堆字段串全都写到视图中, 作为HttpResponse()的参数,响应给客户端. 存在的 ...
- css文件修改后没变化 static_Go Web编程使用Go语言创建静态文件服务器
上篇关于Go模板库应用实践的文章最后我们留下一个问题,页面模板是通过 CDN引用的 BootStrap的 css, js文件.到目前位置我们的服务器还无法伺服客户端的静态文件请求把服务器磁盘上的文件响 ...
最新文章
- golang 数据库null值错误 解决方法
- 常用ARM指令总结(未完待续)
- Java面向对象编程篇3——接口与抽象类
- 欧拉定理(洛谷-P5091)(扩展欧拉定理实现)
- 常用音频软件:Cool edit pro
- java中this什么时候不能省略?this()的用法
- 安卓手机当电脑摄像头(DroidCam网盘及使用方法)
- 基于单片机的热敏电阻测温设计
- 咸鱼Maya笔记—特殊复制
- ubuntu 取消打印队列命令
- mysql复购率_MySQL_复购回购率
- 判断栈的出栈顺序是否正确
- 【ESP32_8266_MQTT篇】
- 解决报错:The Module Root specified is not a module according to Intellij
- python爬虫入门——QQ音乐歌手照片及歌曲列表爬取
- EventLog Analyzer应用程序日志管理
- 关于www.baidu.com无法打开的问题
- 常用CV数据集(持续更新中)
- 4-9-6 tf.keras入门(附带复现cvpr论文流程与代码)
- Spider第1课:爬虫基础