今天分享下”如何通过txt文本编辑一个页面“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 借着处在学员狗时期也是在假期期内，大家正好运用这一时间段来了解一下另一个针对现在我还没有触碰过的行业，那便是网页程序编写。尽管说我想要做一名Android技术工程师，可是如今Android开发的平台性促使Android程序编写不会再单单局限性于原生开发。我本人学习培训Android早已接近一年了，还记得从上一年的暑期，自身拿了院校授课的书一边敲一边学习培训Android基本。之后由于书內容比较有限，自身又购买了《第一行代码第二版》来通过自学，如今Android基本知识也基本上学习培训完后。
由于针对Android的兴趣爱好较为高，自身也想之后能够 从业Android开发这一工作中，因此 在Android行业花了全部的时间段来学习培训安卓编程专业知识。学了一年之后呢，发觉Android水准早已难以发展了，这也是大家Android初中级开发应必须过的一道坎。
在这段时间，我买了几本书在网上强烈推荐的Android升阶的书本。比如：《Android开发升阶，从学徒工到权威专家》、《Android群英传》、《Android开发造型艺术探寻》等。但是这种书本终究是升级的书，《Android群英传》这部会比其他略好懂一点。尽管有学过一年的Android编码，可是读起这几本，以我的觉得看来或是偏基础理论了一点。尽管书里有一些编码表述事例，但升阶的专业知识终究没法断章取义，要想深层次了解，还须要我们自己的深入分析。
很有可能有点儿跑题了，可是这是我一个月至今的一些学习内容及其大家介绍给大伙儿几本书Android学习培训书本。在网上有挺多的有关图书推荐的，可是这基本是自己读过的，尽管有一些专业知识我这个环节难以了解，可是以后的自学职业生涯我能渐渐地摆脱这种艰难。
迫不得已认可一个客观事实，程序员这一岗位真的是活到老学到老付出就有回报！如今许多招Android的也许会偏重于有Android H5混和开发工作经验的程序员。H5就是HTML5（HTML文件标识语言表达）。这类标识语言表达的真是像大家Android XML文档，说白了同一个父母生的，终究有点儿相近。
即然大家有这一基本要素，学起來一定会轻轻松松许多了。公司介绍的软件体系结构有二种，梳理为：
C/S
B/S
C/S：就是Client/Server（手机客户端/网络，比如：QQ、网易音乐、有道词典等）
B/S：就是Brower/Server（电脑浏览器/网络服务，比如：Chrome、IE、火狐浏览器等）
那麼，大家的网页便是这类B/S构架手机软件，这类手机软件有一个主要的特性：混合开发性。
以大家的QQ手机客户端为事例，我们在Windows自然环境必须开发一个Windows版；Linux自然环境必须开发一个Linux版；而Ma必须开发一个Ma版；Android、IOS、WindowsPhone等同样。这就让我们的手机软件交付使用大大增加的难度系数。大家必须招许多技术工程师来开发不一样的版本号，成本费自然就新增了。
那样来看，大家的网页就表现出它的很大优点。我们在任意一个服务平台运作电脑浏览器它表明出来了的效果基本上没区别。我们在Windows、Android、Ma、IOS等服务平台开启[百度搜索]基本上没区别。
即然大家学习培训网页，大家还要知道它的基础组成。大家这儿拿身体来做为抽象性来了解大家的网页。
1、HTML（构造：意为核心架构，组成网页基本上构造。比如：人的骨架）
HTML历经大家很多版本号的过程，如今大家基本上统一在采用的HTML5。HTML语言表达称之为HTML文件标识语言表达。
那什么是HTML文件呢？超出文字的限定，大家文字（常见的文本文档）只有键入/表明文本。而HTML文件既能表明文本，也可以表明图片、连接、动态图片这些。
2、CSS（主要表现：意为表明实际效果，漂亮、好看。比如：人的肌肤、衣着）
CSS即是CSScss样式表，装饰设计着人们的HTML主题风格框架，例如：大家给字体样式换颜色、尺寸、部位等。它需要与人们的HTML语言表达解耦，一般不会写在HTML语言表达中，一般以标识引进人们的CSScss样式表。
3、JavaScript（个人行为：意为一般姿势，像点击事件、弹出窗口个人行为。比如：人的行为姿势）
这一没有什么好介紹的，大家网页毫无疑问都是有一定的个人行为。比如：点击事件、键入、弹窗这些。这类授予网页个人行为的人们称之为动态性网页，而沒有个人行为的人们称之为静态数据网页，如同死的一样。
讲了这么多基础知识，实际上这一或是挺有效果的，大家从它的思想观念就可以发觉，它的三分部实际上没有什么联络，说起真没联络，那并不是的。仅仅抽身了它使其分为了三个一部分內容，事实上便是为了更好地解耦。在其中最困难的便是JavaScript。大家放到最终学习培训。
讲了这么多，大家或是看一下编码吧。最先，大家看一下最主要的HTML框架，这一也是最需要的，以这一框架为基本，一层一层的开发出大家好看的网页。
· 开发专用工具：Hbuidler（完全免费、中国人打造出），往后面大家主要是应用这种手机软件做开发。
今日呢，大家的Hbuidler先无需，大家拿最容易的文本文档来写一个网页吧，便于于记忆力标识。编码如下所示：
最开始特定文本文档种类为 html ，为了更好地使我们电脑浏览器更强的编解码大家的网页，防止出现不明出现异常。
<!doctype html>
最开头指定文档类型为 html ，为了让我们浏览器更好的解码我们的网页，避免出现未知异常。
这是必要标签，全文有且仅有一个，是整个HTML主体，所有子标签必须写在内部。
在这里面写再多的代码浏览器也无法显示出效果，这是给开发者或搜索引擎使用的，通常配置一些HTML属性，例如我们的CSS样式。
这个标题显示的位置是我们浏览器的标题栏里，其主要作用：例如，百度第一个时候搜索引擎会去遍历title是否含有此内容。
这个非常重要，charset指定了字符集编码，有常用的ASCll（美国使用的编码）、GBK（中国使用的编码）、UTF-8（万国码）。只要我们在地球开发，我们就用UTF-8。
这里面的所有代码会显示在我们浏览器中。换句话说，就是以可见的效果显示给用户。
……
这里总共6个标题级别，大小依次缩小，我们常用的一般到
级别，
之后就很少用的到了。
换行
分割线
字体颜色和大小，大小范围1——7
段落内容
另起一个段落，段落之间有间距链接显示的名称 超链接，如 仟龙医疗，用于跳转网页。
_self对于本页跳转（默认），_blank对于新建一页跳转。
显示图片（格式为png,、jpg、gif都可以。）
alt 属性一定还记得写。比如大家百度搜索引擎会解析xmlalt属性，大家写个猫，那麼搜索猫图片的情况下便会展现出来，即便图片并不是猫。
这一标识还附加width、height属性，用以特定图片尺寸（px清晰度）。假如只特定一个width/height，便以宽、高占比放缩；特定2个便以特定的尺寸放缩。不理解的还可以自个来尝试一下。
即然提及图片格式，大家有很多种可选。例如。jpg、。png、。gif等，大家来说一下这三种的差别和首先选择哪一个吧。
一、jpg格式图片：
jpg格式图片较大的不足之处是不兼容全透明，可是它的特点是适用的颜色比较多，颜色丰富多彩真实。
二、png格式图片：
png补充了jpg格式图片的缺陷，它支撑了全透明实际效果，适用的颜色也诸多。
三、gif格式图片：
gif差别其他二种，是动态性图片。它尽管适用全透明，但就是简易的线形全透明，例如图象差别复杂性高的，它便没法全透明而且适用的颜色较为少。
大家开发者必须按照大家的市场需求状况，作出对应的挑选。比如：图片表明实际效果一致，大家挑选占有运行内存最少的；假如表明好用的，大家自然挑选表明实际效果优先选择，为了更好地提高客户体验。
标识属性大家先讲解到这儿，大伙儿可以能够把咱们的编码拷到文本文档中，随后后缀名改为。html文档就可以看见实际效果，大家顺带贴出咱们的网页实际效果吧。
依据大家初学的一些标识，如今大家就来实战演练一个网页吧。为了更好地便捷，我便用了诗仙李白的这两首诗来当做大家的网页內容，能够 浏览一下咱们的网页实际效果。
这一个简洁的事例，包含了大家刚学的一些知识要点，说白了以不变应万变便是要那样。这个是大家纯HTML沒有一切CSS款式，看上去有些丑。但处于新手，还可以将就学了。下边看一下大家的网页源代码，自身好好地琢磨琢磨，了解一下咱们的标识吧。
先看一下大家的网页实际效果，这一图片放缩的有点儿异常，大伙儿自身试一试源代码实际效果会更好：
这是我的第一个网页，后边继续学习CSS后可能融合CSS款式，写下更强看的网页页面。运作一段编码非常简单，拷贝大家的编码到你的文本文档中，另存。html文档。最终开启就可以见到成效了。
今天的文章就分享到这啦，内容转自divcss5平台，下篇文章再见！
4850
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
