This brief tutorial will guide you through creating your first web page.この簡単なチュートリアルで最初のWebページを作成することができます。
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.これはまだ普遍マークは、ウェブ開発者やデザイナーの能力のテキストの複雑なページを作成することが言語を簡単にスタイルを、貴重なコンテンツを任意の1人にコンピュータやブラウザの任意の並べ替えを使用して表示することができます画像、になるウェブ。
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.いくつかのあなたのためには虚偽の陳述は、露骨には、独自のHTMLページを公開するには、特別なソフトウェアの一部の並べ替えが必要耳にしている場合があります。
Here’sa small list of all the tools you need:必要なすべてのツールを以下に小さなリスト：
-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) -S impleTextワープロ、 B BEditは、メモ帳、またはM icrosoftW ord（など）を
-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. 時間 yper のT内線メートルまでの主な目的はアークは、単純なテキストファイルに埋め込まれているいくつかのタグで構成さŁ anguage 。 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.タグを覚えておく必要がある場合については非常に重要なことはすべて1つのタグに別の1つがそれに沿って対にしている。 Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> .あなたがタグ-を使用するたびに< br>-あなたも、別のタグを追加する必要がありますを閉じている-この場合は、< / b r >に。 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.との間で、ファイルの2つのセクション-ヘッダーと体をしている。
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>タグと< / head >タグで囲まれた -は、例えば、タイトルは、最後のページに表示されませんお客様のページに関する情報が含まれています。 The body enclosed by <body> and </body> - is where the real HTML action takes place.体内で囲まれた<BODY>と< / 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> <html>次 <head> <head>タグ <title>SimpleHelp.Net</title> <title> SimpleHelp.Net性< / title > </head>と< / head > <body>の<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>この場合SimpleHelp.Netに動作するHTMLページを作成するためのシンプルな資料です！ < / p > <p>Simple helping on SimpleHelp.Net :)</p> <p>シンプルSimpleHelp.Netを助ける： ） < / p > </body>と< / 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.これにより、 SimpleHelp.Netに動作するHTMLページを作成するためのシンプルな資料です。
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.各段落で閉鎖されている<対応/ p >タグ。 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. 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.あなたがアップして[ファイル]メニューの下には、 Openオプションを使用してお使いのブラウザで開いているお住まいの地域やポータブルドライブ上の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コメントを残しなさい