5个免费html模板,轻松创建快速网站

即使你没有任何HTML技能,今天也可以尝试使用这些HTML模板来构建你的网站。...

无论你是经营自己的企业,还是仅仅想宣传自己和自己的技能,拥有一个网站都很重要。但也许你没有时间学习HTML,也不想在昂贵的网页设计服务上花钱。

在这种情况下,您可以使用我们的免费HTML模板。我们已经创建了简单的模板,您可以根据自己的需要创建一个简单的网站。我们还提供了一些说明,这样即使您完全是HTML初学者,也可以使用这些模板。

如何使用模板

可以通过单击标题中的链接预览每个模板。但是要自己编辑和使用模板,首先需要下载它们。为此,右键单击每个模板的标题并选择“将链接另存为…”。。。。然后选择要保存模板的文件夹并点击save。

另一种方法是通过单击链接在浏览器中打开模板。然后右键单击页面上的任意位置并选择“查看页面源”。这将显示用于页面的HTML。然后按Ctrl+S将模板保存到计算机。

现在转到保存模板的文件夹。在模板上单击鼠标右键,选择“打开方式”,然后选择“记事本”。这会将模板作为文本文档打开。在这里,您可以对模板进行任何更改,然后保存。

编辑完成后,页面就可以承载了。查看我们的最佳免费网站托管服务指南,找到合适的主机,您的网站可以立即在线。

1.关于我

此模板用于一个简单的主页,可以用于您的个人或专业网站。您可以添加关于您自己和您的职业成就的肖像图像和文字。

您还可以将此模板用于任何其他类型的基于文本的内容,例如有关您想要共享的爱好或主题的信息。

要自定义模板,首先在文本编辑器(如记事本或写字板)中打开HTML文件。要了解您看到的内容,您可以学习了解基本HTML代码。

更改页面标题

首先要改变的是标题。这是打开页面时显示在选项卡顶部的文本。要更改此设置,请查找以下部分:

<title>John Smith - About Me</title>

现在更改标签内的文本,以说出您想要的内容。

更改图像

该模板以MakeUseOf徽标为例。您可以将此图像更改为您想要的任何内容。方形图像看起来最好,但如果愿意,也可以使用矩形图像。要更改图像,请查找以下行:

<img src="muo-logo.jpg" class="about">

现在将“muo logo.jpg”更改为图像的URL。

更改文本

现在,您只需为页面添加所需的文本。为此,请查找段落标记。这些都在开头和结尾。

在这些段落标记之间复制并粘贴所需的文本。在每个段落的末尾会自动添加一个空格。要添加更多段落,只需添加另一组带有文本的标记。

您还可以更改文本顶部的标题。要更改此设置,请查找以下行:

<h1>About me</h1>

把“关于我”的文字改成你想要的。

2.在哪里可以找到我

此模板是链接所有社交媒体网站的简单方法。您可以将其用作登录页,指向您可以在线找到的所有其他网站。

更改社交媒体链接

您需要更改每个社交媒体帐户的链接和名称。要做到这一点,从Twitter帐户开始。找到这一行:

<img src="twitter-logo.svg" class="socmed"> <br><br> <b>Twitter:</b> <a href="http://twitter.com/john**ith" target="_blank">@JohnSmith</a>

这里有两件事需要改变。首先,改变链接http://twitter.com/john**ith 到您的Twitter帐户的链接。其次,将手柄@JohnSmith改为您的手柄。

现在对其他社交媒体网站也做同样的事情。

如果您不使用某个站点,例如,如果您没有Tumblr帐户,则只需删除模板的此部分:

<img src="tumblr-logo.png" class="socmed"> <br><br> <b>Tumblr:</b> <a href="https://john**ith.tumblr.com" target="_blank">john**ith</a> <div style="clear:both"> <br><br> </div>

更改标题和标题

与“关于我”模板一样,您可以通过更改标记和标记内的文本来更改标题和标题。

3.联系我模板

此页面是一种人们无需向您发送电子邮件即可与您联系的方式。表单接受输入的信息并自动发送到您的电子邮件地址。这是网站访问者与您联系的一种简单方式。

更改您的电子邮件地址

要使表单正常工作,您需要更改模板中的一行:

<form action="mailto:[email protected]" method="post" enctype="text/plain">

给你零钱[email protected]发送到您的电子邮件地址。这将与任何电子邮件提供商合作,您将收到一封电子邮件,其中包含网站访问者在表单中输入的任何评论。

更改文本、标题和标题

您也可以再次更改此页面上显示的文本。要更改文本,只需编辑标签之间出现的内容。要更改标题,请更改标记之间的文本。要更改标题,请更改标记之间的文本。

4.业务主页模板

在为您的企业创建主页时,您希望将所有关键信息放在一个位置。这就是这个模板的用途。

更改章节标题

要更改每个部分的标题,请查找以下行:

<h1>About Us</h1> <h1>Our Mission</h1> <h1>Our Services</h1> <h1>Our Customers</h1>

现在,通过编辑和标记之间的文本,将这些部分的标题更改为您想要的任何内容。

更改节内容

要更改每个标题下显示的文本,请查找以下开头的段落:

<p>Lorem ipsum dolor sit amet... </p>

现在更改和标记内的文本,以说出您想要的内容。

更改图像

模板在页面底部包含一个图像空间。要更改图像,请查找以下行:

<center> <img src="muo-logo.jpg" width="200"> </center>

现在将URL“muo logo.jpg”更改为要使用的图像的URL。

5.业务回顾页面模板

当你经营一家企业时,提供客户推荐信是很重要的。这向潜在的新客户表明,其他人使用过您的业务,并有过良好的体验。

此模板将让您展示您的最佳客户评论。

添加客户信息

要将评论添加到此页面,首先需要添加客户信息。为此,请在本节中查找要添加的第一篇评论:

<b>Customer Name:</b> John Smith <br> <br> <b>Customer Business:</b> Smith's Supplies

现在只需将“John Smith”更改为客户名称,并将“Smith’s Supplies”更改为客户的企业名称。

添加客户评论

要添加评论本身,请查看客户信息下方,找到以下段落开头:

Lorem ipsum dolor sit amet, c***ectetur adipiscing elit

现在删除此文本,并将其替换为客户评论。

添加更多评论

若要添加多于模板上三个的审阅,请复制以开头和结尾的整个块。将此粘贴到当前评论下方,然后编辑以添加更多评论。

使用html模板快速创建网站

这些模板将允许您快速轻松地创建个人或专业网页。您可以编辑每个模板以满足您的需要,也可以使用多个模板并将它们链接在一起以创建一个完整的网站。

如果你想让你的网站更上一层楼,你可以学习如何从头开始创建自己的网站。了解如何为初学者创建一个网站以了解更多信息。

Subscribe to our newsletter

Join our newsletter for tech tips, reviews, free ebooks, and exclusive deals!

Click here to subscribe

  • 发表于 2021-08-05 14:20
  • 阅读 ( 135 )
  • 分类:编程

你可能感兴趣的文章

5个web应用程序,以修复常见电子邮件烦恼

... 2专业电子邮件编写器:编写专业电子邮件的模板 ...

  • 发布于 2021-03-11 16:12
  • 阅读 ( 191 )

在这里找到免费的可打印的microsoft office圣诞节模板

...考虑使用第三方网站之前,你应该先看看微软Office自己的免费圣诞模板库。 ...

  • 发布于 2021-03-12 04:51
  • 阅读 ( 216 )

您需要了解的有关内容管理系统的所有信息

... 在此期间,浏览器变得免费,互联网服务提供商如美国在线(AOL)提供无限的拨号接入,用户从封闭的社区(如BBS系统)迁移到开放的、基于web的内容。但是,尽管对信息有需求,生态系统的一...

  • 发布于 2021-03-13 12:08
  • 阅读 ( 211 )

你应该使用12个很棒的html5模板

... 有很多免费的HTML5模板,选择一个可能很困难。我们已经搜索了互联网,为您带来了各种很酷的模板,您可以使用商业,个人,投资组合,和各种其他网站。就选一个开始吧! ...

  • 发布于 2021-03-14 00:18
  • 阅读 ( 271 )

11 css模板网站:不要从头开始!

...幸运的是,你不需要每次都从头开始。网上有成千上万个免费的CSS模板,囊括了现代设计趋势和技术。您可以使用它们的原始形式,也可以自定义它们使其成为您自己的。 ...

  • 发布于 2021-03-15 11:20
  • 阅读 ( 583 )

通过我的5门顶级课程真正学习javascript

...,只有几行简单的代码。理想的情况下,这门课程本来是免费的,但首先要努力做到这一点。 ...

  • 发布于 2021-03-17 09:52
  • 阅读 ( 232 )

5个伟大的网站创建自己的论坛

...创建工具。这些服务可以让你围绕你喜欢的话题创建一个免费论坛。它们都是远程托管的,这意味着您不需要维护自己的服务器或软件。 ...

  • 发布于 2021-03-18 05:31
  • 阅读 ( 186 )

为mac提供5个免费流程图生成器,方便快捷

...因为它们提供了构建有效流程图所需的工具。这里有五个免费的流程图**商为Mac,帮助您创建与适当的细节和专业的外观,你需要的流程图。 ...

  • 发布于 2021-03-20 10:03
  • 阅读 ( 170 )

创建快速图形设计的9个最佳应用程序

...需要在社交网站、网站、文章中使用照片,Pixlr可以让你免费在你选择的设备上玩一些特效、覆盖和边框。 ...

  • 发布于 2021-03-21 14:00
  • 阅读 ( 285 )

如何创建一个wiki:7个网站,让它变得简单和无痛

...可以提供帮助。有些人要求你为服务付费;有些人则让你免费创建一个wiki。 ...

  • 发布于 2021-03-21 17:12
  • 阅读 ( 407 )