南阳企业网站设计:如何制作一个简单的HTML网站?

HTML或超文本标记语言正如它的名字所说,是一种标记语言。它不是传统意义上的编程语言。它是一种语言,在这种语言中,创建者可以使用HTML标记创建文档并标记不同的部分。HTML是受SGML,第一个版本于1990年在CERN上发表。

HTML最初是为简单的静态文档而设计的,当时万维网被认为是一个文档检索系统。目前,几乎每个网页都使用HTML,它成为Web的语言。最后一次迭代是HTML 5,它得到了所有主流浏览器的支持,是对HTML 4的改进,HTML 4在1997年被“标准化”。

这篇文章将指出制作一个简单的HTML网站的基础任何人都可以学到的东西,不管他们选择的职业是什么。

为什么要学习HTML?

有人可能会说,有了今天的技术,任何人都可以创建一个快速而漂亮的网站,而不需要编写一行HTML,虽然这当然是真的,但知道如何稍微调整一下它总是很方便的。

通常情况下,人们会向CMS添加插件/模块/扩展,比如WordPress德鲁帕尔乔姆拉等等,用几行HTML实现的简单特性来扩展它。虽然插件可能更简单,但它可能会增加页面加载时间,这只是在安全性和更新方面需要担心的另一件事。

它非常容易学习HTML,它可以是很多乐趣,因为你立即看到的结果,不像编程语言,你必须编译你写的代码。您已经拥有了开始学习HTML所需的所有工具,您有一个Web浏览器,当然还有一个简单的文本编辑器,比如记事本。应用程序,如微软Word不这样做,你将需要一个基本的纯文本编辑器:记事本,记事本+。有所谓的IDE(集成开发环境),它将帮助您编写具有语法突出显示或自动完成功能的HTML。

你好,世界!

您可以抓取一个免费的文本编辑器,例如记事本+或者“崇高文本编辑器”并启动它。将空文件保存到桌面,作为“hello.html“这将改变HTML模式下的编辑器,因此您可以享受IDE的好处。现在继续,并在其中键入以下文本:

<html>

<head>

<title>Hello World!</title>

</head>

<body>

<h1>Hello World!</h1>

</body>

</html>

保存文件,然后使用Web浏览器打开它。一点也不难,对吧?您可以继续修改文件,保存文件并在浏览器中刷新页面,您将看到所做的所有更改。你不需要害怕,你不可能影响你的操作系统。您不能删除这种性质的文件或东西。不要害怕失败,就像俗话说的:“大师失败的次数比初学者还要多。”

HTML基础和101

南阳企业网站设计

HTML由标记和文本组成。HTML标签对于浏览器有一个特殊的含义,基本上这是标记文档的方法。有些标签可以包含其他标签,比如无序列表标签<ul>可以包含列表项<li>。段落标签<p>可以包含新的行标记<br>、锚标记<a>、粗体<b>、斜体<i>等等。

在我们的示例中,主HTML标记包含一个head标记和一个body标记。在Head标记中,我们可以指定文档的标题,它将显示在Browser选项卡标题中。在身体上,我们有一个H1标签或一个标题1标签。

HTML标记可以具有可以改变标记行为的属性,例如,我们可以向h1添加一个“样式”属性来指定其样式。如果我们添加Style=“color:red”,那么它就变成了<h1样式=“color:red”>HelloWorld!</h1>我们可以将它的颜色从默认的黑色更改为红色。当然,在一个更大的网页中,一个地设计我们的元素可能会成为问题,它会使我们的HTML混乱不堪。更好的方法是给元素一个class属性或id,然后通过该类或id指定它的样式。

有很多HTML教程在互联网上,你可以在Youtube或TheGreatCuresPlus上观看教程,也可以阅读互联网上成千上万篇关于HTML的文章中的一篇。

要记住的一件事是,不管你读了多少或看了多少,你都需要弄脏你的手,开始写HTML。这是你学习的唯一途径,因为一旦你开始写作,你会有更多的问题,这些问题会导致更多的问题,直到你变得自信和流利的HTML。

样式和脚本

纯HTML网页是静态的。这意味着它不能包含动态变化的部分,例如“我们的最新新闻”。如果你创建一个网站,其中有一个新闻部分,不断更新,那么简单地创建文章,然后更新对它的引用可能会成为一个相当大的任务。

另一方面,如果你用HTML创建名片或关于我的网站类型,这不会经常改变,也许每月一次或两次,那么一个静态的HTML网站是完美的。因为它没有“移动”部件,比如数据库、服务器端处理(PHP,Python红宝石等等)有更少的事情要出错,而且速度也快得惊人。

您可以通过添加JavaScript(ECMA脚本它是一种脚本编程语言。使用JavaScript,您可以通过隐藏或显示HTML的某些部分来响应用户输入,还可以更改网页的外观。带着阿贾克斯,你可以请求额外的资源从你的网站,如分页,联系表格或你的最新推特,你可以把它们合并到你的网站。

默认的HTML样式非常无聊,它是白色背景上的黑色文本。您可以使用CSS(级联样式表)更改任何HTML元素的样式。在HTML中,您无法控制文档的呈现方式,这是HTML的一个特性,而不是缺点。使用CSS,您可以尝试更精确,但您仍然没有100%的控制。有些浏览器会做一些与其他浏览器不同的事情。当前的CSS版本,得到所有主流浏览器的支持,都是CSS 3,并且有许多以前标准所缺乏的有用特性。

要理解CSS,您应该从盒子模型开始,它将在开始时为您省去许多混乱,而且重要的是要理解边框、填充、边距等之间的差异。CSS非常容易学习,就像使用HTML一样,您将立即看到您所做的更改。如前所述,您可以向任何HTML标记中添加id或class元素,并且可以为这些ID和类编写CSS规则。回到我们的例子,在Head部分,如果我们编写以下文本,

<style>

体{

背景颜色:蓝色;

}

</style>

它将默认的白色文档颜色更改为蓝色。

CSS需要记住的一件事是,有很多特定于浏览器的标签,所以请确保您使用不同的浏览器,或者至少使用Google Chrome、Mozilla Firefox、InternetExplorer 11和Edge来测试您的网站。快速浏览一些移动浏览器也不会有什么害处,尤其是SafariIOS。





二维码