学习html的步骤

发布网友发布时间：2022-04-24 02:52

共5个回答

懂视网时间：2022-05-11 12:04

如果你不致力于成为美工的话，那么作为开发人员，可以读懂HTML、必要时能进行简单修改即可。下面跟着我的思路，保证一篇文让你看懂HTML，当然，再看的过程中，最好自己动手试试，这样理解就更深了。Ok,下面开始：(下面的符号均为英文状态下输入)

1、 html基本规则

<html>

<head>

………………………..

</head>

<body>

………………….

</body>

</html>

几乎所有的网页都是按照这个格式来的，这是一个网页必须具备的标记，每个标记都放在< >里，以</ >结束，只不过在省略号的地方加了很多乱七八糟的东西，也就是我们看到的内容。

将以上代码复制到一个记事本，然后另存为a.html文件，就成了一个网页，试试看呢

下面，以记事本方式打开，在<body>之间加上“首页”二字，保存，再打开之后看到如图：

html

接着，在首页的前后加上标记<a> 变为 <a href=”#”>首页</a>,保存，再看看效果呢？

是不是就是我们平时上网看到的超链接了呢？只是这里点击“首页”没变化，因为我们添加的空连接，趁热打铁，我们照着前面的方法，在建一个页面，保存为b.html，然后将上面的“#”替换为b.html，在打开，点击首页，是不是就跳转到b页面了呢。（当然a和b页面都要在同一目录下）到这里为止，你应该了解到，其实网页上所有的功能都是由不同的类似于<a>这样的标记来实现，你需要做的时记住这些标记的功能而已。

2、网页结构

如果你上网时注意的话，其实网页都是分块的，如图所示
html

当然这只是一个大致的结构，你还可以根据需要分成很多块，分块主要是为了修改方面及确定各自的表现样式。

这主要通过<div></div>标记来实现，下面我在 “首页”加上<div>标记试试：

<div>

</div>

保存，在打开试试，什么效果呢？

是不是还是和修改之前一样呢，下面我们为其加上一些修饰：

在运行，我们标记的这一块就以蓝色背景表示出来啦！

在加入很多的<div></div>块就可以将网页大卸八块了，呵呵，然后在你每个块里放上你想放的东西即可。

当然，很多个<div>都加上style=””,如果这些style设置都差不多的话，我们每一个设置就太麻烦了，我们一般将style这些放在另外的.css文件（控制网页中各标记的显示样式）中，然后进行需要调用的地方进行调用，下面来试试

新建一个记事本，重命名为c.css然后打开，写入：

#header{width:200px;height:100px;border-style:solid;}

并将其在a.html里删掉

然后再</head>前加入 <link rel="stylesheet" type="text/css" href="c.css" />

也就是将c.css这个文件引入进来。将css放入单独的文件好处是：如果很多地方都引用了这个样式，我们只要修改这一个地方，就全部都变化了，不然我们得手动修改每一处，不利于后期维护。

最后将a.html的<div> 改为<div id=header>

效果是不是和之前一样呢？

差不多，到这里，应该“不会作诗也会吟”了吧，这篇文章主要是为了让大家从总体上对html有个了解，知道大概是怎么回事，还有很多标记都没涉及到，这个就需要你找本网页设计的书来看一看，背一背了。

热心网友时间：2022-05-11 09:12

现在就有我为你介绍“如何做网站”，“如何从最新手站长成长为一名全能站长”。这是一个思路，希望您看后，照着做，我想您一定会成功的！
首先，我们要知道，“什么是网页？”，“什么是网站？”，“什么是站长？”，“什么是静态网页”，“什么是动态网页”。
1、网页：网站中的一页。简单说，就是您现在看着的，出现在浏览器上的页面。比如我们论坛上的一个页面，地址为：，当然这个论坛是由很多的网页组成。
2、网站：是有若干网页组成的，就是相关网页的集合。比如“起点站长论坛”网址为：。整个说起来就是一个网站。
3、站长：简单理解为，拥有一个或一个以上域名网站，也就是网站所有者。
4、静态网页：它没有后台数据库，不可交互的网页。您编的是什么它显示的就是什么。
5、动态网页：在我的博客（Berry博客）上有一篇“动态网页的基础知识”这篇文章您看完后就可以明白什么是动态网页了，同时您也可以区分静态网页和动态网页了。
然后我们来看静态网页和动态网页的制作。
一、静态网页
1、静态网页，由于没有数据库和后台程序，那么就制作起来很简单。
2、但是在制作之前您要对一下基础知识要了解：Html语言，Div+css布局，JavaScript语言（平时说的js）。这样基础知识本论坛有很多系列教程，并且很多都是原创的，都是站在一个新手建站的角度的。您只要点击，就可以查看学习了。
3、如果制作静态网页？我们用一个文本编辑器就可以制作。但我们一般用的工具是Dreamweaver这款软件。在本论坛上也有很丰富的教程，您可以点击查看。

二、动态网页
动态网页要复杂些了，因为要涉及到数据库和后台程序的相关操作。一般我们的开发，那么所投入的时间，金钱，精力是相当大的。那么我们如何快速制作一个功能强大，界面美观的动态网站了。那么，就是下面提到的cms。

三、利用cms建站。
1、利用CMS搭建网站，“什么是cms”本论坛有介绍，您可以点击查看。
2、我们来具体了解cms。cms又分很多种类，比如博客类，论坛类，企业站类等等。那么我就要跟据自己的需要进行选择了。下面一点就是区分的要点。
3、具体来介绍你要使用的cms。
3.1、如果您要做论坛您可以使用Discuz（dz）或者phpwind（pw）这两套程序，这两套程序是用的比较多的，当然做论坛的程序不仅限这两套。
3.2、如果您要做博客，您可以使用WordPress程序、zblog程序等等，这些我们论坛都有详细教程。
3.3、如果您要做一般网站，您可以使用：帝国cms（ECMS）、织梦cms（DEDEcms）、动易cms，本论坛有相关的教程，如果没有，我们会继续完善的。
3.3，如果您要制作商城，您可以使用：Ecshop这套程序，当然不仅限这套。
注意：上面的程序都是开源的程序，一般不会涉及到版权。

四、网站盈利
当我们制作好一个网站，我们就可以发布到互联网上了，随着排名和收录的提高，我们的网站可以盈利了。一般是通过挂广告，广告位招租等等盈利。您可以加入我们，我们不定时会有一些经验分享。
另外,站长团上有产品团购,便宜有保证

热心网友时间：2022-05-11 10:30

你好，程序员本身是一个枯燥的职业，现在这个社会程序员和美工这样的工作在网络公司里面基本上已经成为了流水线工种了，想提高自己的兴趣可以开发一些小的系统，不过你现在正在学习HTML相信还没有接触ASP,PHP,.NET或者是JSP这些。还是先打好基础吧，等这个阶段过了应该会好一些。希望你能坚持下来。追问我对这个感兴趣啊,我高三刚毕业,大学学的是经济,假期我想学这个啊
请高人指点下啊,不是说这个职业枯燥,我是觉得看这个进步慢了,前2天我看教程进步飞快...刚学几天HTML.......所以请人指导下学习路线

追答HTML 你不用在这个上面太花时间的，重点看下你要学的语言还有CSS这些都要看

热心网友时间：2022-05-11 12:05

HTML主要是前台的技术，很多东西只要有个印象，做的时候能查阅资料就行。
作后台的话，要看什么语言了，但大体上，数据库什么的都是要学的

热心网友时间：2022-05-11 13:56

这个网站非常不错，你可以看看，希望对你有帮助！追问正在看,有些看不太明白,还是谢谢你啊!

追答里面是从基础开始的对新手很有帮助！

参考资料：http://www.w3school.com.cn/

全部栏目

学习html的步骤