This brief tutorial will guide you through creating your first web page.这份简短的教程将引导您完成创建你的第一个网页。
What is HTML, and What Do I Need? 什么是HTML和我需要什么？
In order to create an HTML document you have to understand that HTML is the language of the Net.为了创造一个HTML文档，你必须明白， HTML是语言的网络。 It’sa simple yet universal mark-up language that gives web developers and designers the ability to create complex pages of text that turn into images, styles, and valuable content that can be viewed by any one person using any sort of computer or browser on the web.这是一个简单而普遍的标记语言，让网页开发人员和设计师能够建立复杂的网页上的文字变成图像，样式，以及有价值的内容，可以认为，任何人使用任何类型的电脑或浏览器网页。
Some of you may have heard that you need some sort of special software in order to publish your own HTML page, however that is a blatantly false statement.一些您可能已经听说，你需要某种特殊的软件，以发布自己的网页，然而，这是公然虚假陈述。
Here’sa small list of all the tools you need:下面的小名单中的所有工具，您需要：
-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word)一个字处理器（如SimpleText ， BBEdit ，记事本或Microsoft Word ）
-A simple working knowledge of HTML. ，一个简单的工作知识的HTML 。 (Fortunately HTML is easy and fun to learn!) （幸运的HTML是简单有趣的学习！ ）
Yup!啊！ Thats it!多数民众赞成吧！ These are all the tools you need as of now, told you it was small list.这些都是工具，你需要从现在起，告诉你这是小清单。
Tags 标签
H yper T ext M ark-up- L anguage mostly consists of several tags that are embedded into a simple text document. H yper Ť分机马克的左旋语言是由多个标记的嵌入到一个简单的文本文件。 They are really just hidden behind the scenes, controlling most of what it lets you view, and what it wants you to view at the designated time.他们真的只是隐藏在幕后，控制大部分什么让你认为，它希望您可以查看在指定的时间。 Hm, kind of reminds me of the parental control feature on the tv a bit.哼，那种让我想起了父母控制功能在电视上一点。
HTML tags heavily take into account the existance of the English language. HTML标签严重考虑到存在的英语。 As most of the tags are words (such as blockquote) or abbreviations (such as “p” for paragraph), but they’re uniquely separated from the regular text since they’re placed in small angle brackets (such as these < >).由于大多数标记的话（如引用）或缩写（如的“ P ”的段） ，但他们独特的脱离普通文字，因为它们是放置在小尖括号（如这些“ ” ） 。 Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> .因此，将大胆的标记看起来像的<b> ，并引用标记是<blockquote> 。
There are certain tags that will have the most influence on how the page will be formatted (for example; <p> begins a new paragraph, and <br> can break the last line within the paragraph to allow a space), and others differentiate how the words appear ( <i> makes text italic).有一些标签，将有最有影响力如何将网页的格式（例如; <p>开始一个新的段落，和<br>可以打破最后一行段内，使空间） ，以及其他区别如何字出现（ <i>使文字斜体） 。 Most others provide information — such as the title — that doesn’t appear on the page itself.大多数其他国家提供资料-如标题-这并不出现在网页本身。
One very important thing you must remember about tags is that for every one tag there is another one paired along with it.一个非常重要的事情你必须记住标记，每一个标记有另一个配对连同它。 Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> .每当你使用一个标签-说< br>-您还必须添加并关闭了与其他标记-在这种情况下，“ /顺丁橡胶” 。 Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag.请注意斜线-/ -前标记“溴” ;这是保持相反的结束标记开放标记。
A basic HTML page always begins with the tag <html> and ends with </html> .一个基本的HTML网页总是始于标记<html>和结束“ /的HTML ” 。 In between, the file has two sections - the header and the body.在这期间，该文件有两个部分-头和身体。
The header enclosed by the <head> and </head> tags - contains information about your page that won’t be visible on the final page, for example the title.标题封闭的 <head> 和 “ < / 头”标签-包含有关您的网页，将不可见的最后一页，例如标题。 The body enclosed by <body> and </body> - is where the real HTML action takes place.该机构由封闭<body>和 “ < / 身体” -是真正的H TML行动发生。 Every thing that appears on the page is contained within these tags.一切都显示在网页上载有这些标记。
Now On To The HTML Document 现在的HTML文件
I think we’re ready to start creating a simple page.我认为，我们已准备好开始创建一个简单的网页。 Right? Ok the first step, of course, is to create a new text document (remember, it should be saved as “Text Only” or “Plain Text” if you’re using a word processor that’s fancier than, say, SimpleText or NotePad) and name it “anything.html” where “anything” is, um, well basically anything at all.对不对？玉的第一步，当然是要建立一个新的文本文件（记住，它应被保存为“纯文本”或“纯文字”如果你使用的是一个字处理器，票友多，比如说， SimpleText或记事本） ，并将它命名为“ anything.html ” ，其中“东西”是，嗯，基本上是什么以及在所有。
Your basic document should look something like this:您的基本文件看起来应该像这样：
<html> <head>的<head> <title>SimpleHelp.Net</title>的<title> SimpleHelp.Net “ /标题” </head> “ /头” <body> <h1>HTML Basics</h1> <h1>的HTML基础知识“ / H1基因” <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p>这是一个简单的文章，以帮助您创建一个工作的HTML网页上SimpleHelp.Net ！ “ /人” <p>Simple helping on SimpleHelp.Net :)</p> <p>简单帮助就SimpleHelp.Net ： ） “ /人” </body> “ /体重” </html> “ /的HTML ”
Within the <head> tags, we have the title “SimpleHelp.Net” which will appear in the bar across the top of your browser.内的 <head>标签，我们的标题是“ SimpleHelp.Net ”将出现在条形码的上方您的浏览器。
Within the body tags, you should have everything that will be clearly visible on the page.在主体标记，你应该拥有一切，将清楚地看到在网页上。 With what we’ve written above it will look something like this:与我们写它上面看起来就像这样：
HTML Basics 基本的HTML
This is a simple article to help you create a working HTML page on SimpleHelp.Net.这是一个简单的文章，以帮助您创建一个工作的HTML网页上SimpleHelp.Net 。
Simple helping on SimpleHelp.Net简单帮助就SimpleHelp.Net
As you might have guessed, <h1> is the tag for a headline (the largest headline, in fact compared to <h2>, <h3>, and so on) and <p> , of course, marks the beginning of a new paragraph.正如你可能已经猜到， <h1>是标记的标题（最大的标题，事实上<h2>相比， <h3> ，等等）和<p> ，当然，标志着一个新的段。 Each paragraph is closed off by a corresponding </p> tag.每个段关闭了相应的“ /人”标记。 As should every other tag be closed off by their correspondant tags that include a “/”.正如所有其他应当标签关闭其相应标记，其中包括“ / ” 。
Does “HTML-ing” seem pretty simple?难道“的HTML法”似乎很简单？ Well guess what?那么后果会怎样呢？ It sure is!这肯定是！
Every page has a source code and this can with this you can view every web pages HTML code by accessing it through your browsers menu options.每个网页的源代码，这可能与此您可以查看每一个网页的HTML代码的访问是通过浏览器菜单选项。 And best of all, you don’t need your own homepage to practice!而且最重要的是，你不需要自己的首页，以实践！ You can save HTML documents on your local or portable drives and then have them open up using the Open option under the File menu within your browser.您可以保存HTML文件在您的本地或可携式硬碟，然后他们利用开放打开选项下的文件菜单内您的浏览器。
I wish you all the best of luck as hopefully this has helped a couple novice readers create an HTML page and maybe even helped refresh a few of the more intermediate developers minds as well.我祝愿大家万事如意作为希望这有助于初学者一对夫妇读者创造一个HTML网页，甚至帮助整理的一些开发商更多的中间，以及头脑。
Feel free to comment!欢迎评论！
{ 0 comments… （ 0评论... add one now现在添加一个 } ）
Leave a Comment发表您的评论