最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

HTML初级指南

日期:09-01    来源:HTMLDog|    作者:HTMLDog

这份HTML初级指南假设你没有任何HTML和css的知识背景。

学习基本的HTML十分容易,只要你能从头到尾按照每一步骤来实践。最后我们会将每一步综合起来,以便我们继续学习css初级指南。

需要记住的是,HTML和css是关于内容(HTML)和表现(css)的一切。HTML不过是有精美结构的内容罢了,是我们将要在下一步学习的css则是用来格式化内容的。

或许你已经留神过其他的HTML的教程,你可能会发现它们提及一些HTMLDog没有的东西。这是因为许多方法已经过时,不符合标准或者只是平白的坏实践。从一开始就在脑海中形成“走对的路”的思想最终可以帮助你掌握得更好。

快速启动

绝大部分的HTML要素并不比你电脑上的其他要素要难——只不过是一大堆归类的文件放置在一大堆的文件夹里面而已。

HTML文件与简单的文本文件无异,所以开始编辑HTML你只需要一个简单的文本编辑器。记事本就是一个例子(在Windows里可以从程序-〉附件的菜单中找到,如果你使用的是Linux,恭喜你,无论是控制台或者桌面环境,你都有更多更好的选择,比如控制台的vi以及各种vi变种,GNOME的Gedit,KDE的kate等等——译者注)。

在你的文本编辑器键入以下内容:

这是我的第一个网页 

现在建立一个“HTML”的文件夹,然后以“myfirstpage.html”(文件后缀“.html”必须明确指定——一些文本编辑器,像记事本,否则会自动把文件保存为“.txt”文件)的文件名保存起来。

展示HTML文件的最终效果,不需要连接到网络。打开Internet Explorer,或者其他网页浏览器(Firefox现在已经是一个潮流,下载一个吧!对你制作网页十分有用——译者注),在地址栏——你浏览网站时键入地址的地方,键入你刚才保存文件路径(比如,“C:htmlmyfirstpage.html”,或者在Linux中,“/home/neo/html/myfirstpage.html”)。

哇噻,看见了吗?你的第一个网页。怎不令人兴奋呢!所有的过程只是键入几个单词而已。

注意

我们上述的只是使用最基本的文本编辑器,如记事本,vi,但你可能更愿意使用专门的网页制作软件如Macromedia Dreamweaver或者 Microsoft Frontpage。

然而你使用这些软件时你得十分小心,尤其是,如果你是初学者,这些软件会给你的网页带来不必要的或者不标准的代码(甚至是垃圾代码——译者注)。

你要是真想严肃认真地学习HTML,你应该读完本站提供给你的整个教程,以便你至少能对网页设计到底是怎么一回事儿有一个基本的了解。

上面提到的网页制作软件永远不会给你整个网页编写的控制权,除非你手工编写代码。