html是学习做网页的基础，漂亮的网页与布局就是由有些html代码组成，大家看完这篇文章就可以简单的了解html了，多写多练，如果你不致力于成为美工的话，那么作为开发人员，可以读懂html、必要时能进行简单修改即可。下面跟着我的思路，保证一篇文让你看懂html，当然，再看的过程中，最好自己动手试试，这样理解就更深了。ok,下面开始：(下面的符号均为英文状态下输入)
1、 html基本规则
我的网页 ……………………….. ………………….
几乎所有的网页都是按照这个格式来的，这是一个网页必须具备的标记，每个标记都放在里，以 >结束，只不过在省略号的地方加了很多乱七八糟的东西，也就是我们看到的内容。
将以上代码复制到一个记事本，然后另存为a.html文件，就成了一个网页，试试看呢
接着，在首页 的前后加上标记 变为 首页,保存，再看看效果呢？
立即学习“前端免费学习笔记（深入）”；
是不是就是我们平时上网看到的超链接了呢？只是这里点击“首页”没变化，因为我们添加的空连接，趁热打铁，我们照着前面的方法，在建一个页面，保存为b.html，然后将上面的“#”替换为b.html，在打开，点击首页，是不是就跳转到b页面了呢。（当然a和b页面都要在同一目录下）到这里为止，你应该了解到，其实网页上所有的功能都是由不同的类似于这样的标记来实现，你需要做的时记住这些标记的功能而已。
2、 网页结构
如果你上网时注意的话，其实网页都是分块的
你还可以根据需要分成很多块，分块主要是为了修改方面及确定各自的表现样式。
这主要通过
标记来实现，下面我在 “首页”加上保存，在打开试试，什么效果呢？
是不是还是和修改之前一样呢，下面我们为其加上一些修饰：
Perl学习手札是台湾perl高手写的一篇文章，特打包为chm版，方便大家阅读。 关于本书 1. 关于Perl 1.1 Perl的历史 1.2 Perl的概念 1.3 特色 1.4 使用Perl的环境 1.5 开始使用 Perl 1.6 你的第一个Perl程序 2. 标量变量(Scalar) 2.1 关于标量 2.1.1 数值 2.1.2 字符串 2.1.3 数字与字符串转换 2.2 使用你自己的变量 2.3 赋值 2.3.1 直接设定 2.3.2 还可以这样 2.4 运算 2.5 变量的输出/输入 2.
在运行，我们标记的这一块就以蓝色背景表示出来啦！
在加入很多的
块就可以将网页大卸八块了，呵呵，然后在你每个块里放上你想放的东西即可。当然，很多个
都加上style=””,如果这些style设置都差不多的话，我们每一个设置就太麻烦了，我们一般将style这些放在另外的.css文件（控制网页中各标记的显示样式）中，然后进行需要调用的地方进行调用，下面来试试新建一个记事本，重命名为c.css然后打开，写入：
#header{width:200px;height:100px;border-style:solid;}并将其在a.html里删掉
然后再前加入
也就是将c.css这个文件引入进来。将css放入单独的文件好处是：如果很多地方都引用了这个样式，我们只要修改这一个地方，就全部都变化了，不然我们得手动修改每一处，不利于后期维护。
最后将a.html的
改为效果是不是和之前一样呢？
差不多，到这里，应该“不会作诗也会吟”了吧，这篇文章主要是为了让大家从总体上对html有个了解，知道大概是怎么回事，还有很多标记都没涉及到，这个就需要你去看一些视频教程或者买一本书来学习了！
相关文章
html个人页面怎么加模态框_html弹窗组件编写法【组件】
html个人页面响应式怎么做_html媒体查询适配法【响应式】
html5可视化编辑怎么插入地图_html5可视化地图嵌入教程【步骤】
如何在不触发 HTML 页面跳转和 405 错误的前提下实现无刷新点赞功能
如何在 DataTables 初始化时阻塞表格渲染并显示加载动画
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
