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發表您的評論