Basics: Creating Your Very Own HTML Document Grundlagen: Erstellen Sie Ihre eigenen HTML-Dokument

This brief tutorial will guide you through creating your first web page. Diese kurze Tutorial führt Sie durch die Schaffung Ihre erste Web-Seite.

What is HTML, and What Do I Need? Was ist HTML, und was brauche ich?

In order to create an HTML document you have to understand that HTML is the language of the Net. Im Hinblick auf die Schaffung eines HTML-Dokuments müssen Sie verstehen, dass HTML ist die Sprache des Net. 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. Es ist eine einfache, aber dennoch universellen Mark-up Language, die Web-Entwicklern und Designern die Möglichkeit zu schaffen, komplexe Seiten Text, die sich in Bilder, Formatvorlagen und wertvolle Inhalte, die eingesehen werden kann, indem ein jeder Person eine beliebige Art von Computer oder Browser auf das 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. Einige von Ihnen Mai haben gehört, dass Sie brauchen eine Art spezielle Software, um zu veröffentlichen Sie Ihre eigenen HTML-Seite, aber dies ist eine offensichtlich falsche Aussage.

Here’sa small list of all the tools you need: Hier eine kleine Liste mit allen Werkzeugen, die Sie brauchen:

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) Ein Wort-Prozessor (wie SimpleText, BBEdit, Notepad oder Microsoft Word)

-A simple working knowledge of HTML. -Eine einfache Kenntnisse von HTML. (Fortunately HTML is easy and fun to learn!) (Zum Glück HTML ist einfach und Spaß zu lernen!)

Yup! Thats it! Das ist es! These are all the tools you need as of now, told you it was small list. Diese sind alle Werkzeuge, die Sie brauchen schon jetzt, das Ihnen sagt, war es kleine Liste.

Tags 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 T ext M ark-up-L anguage meist besteht aus mehreren Tags, die eingebettet sind in eine einfache Text-Dokument. 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. Sie sind wirklich nur hinter den Kulissen, Controlling meiste von dem, was sie können Sie, und was er möchte, dass Sie, um zu der abgemachten Zeit an. Hm, kind of reminds me of the parental control feature on the tv a bit. Hm, Art von erinnert mich an die elterliche Kontrolle über die Funktion tv ein bisschen.

HTML tags heavily take into account the existance of the English language. HTML-Tags stark berücksichtigen die Existenz der englischen Sprache. 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 < >). Da die meisten der Tags sind Wörter (wie blockquote) oder Abkürzungen (wie "p" für Absatz), aber sie sind eindeutig getrennt von den normalen Text, da sie in kleinen spitzen Klammern (wie diese <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . Deshalb ist die fett-Tag aussehen würde <b>, und die blockquote-Tag ist <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). Es gibt bestimmte Tags, haben die meisten Einfluss auf die, wie die Seite formatiert werden (zum Beispiel; <p> beginnt ein neuer Absatz, und <br> kann die letzte Zeile innerhalb der Absatz um ein Leerzeichen), und anderen unterscheiden wie die Worte erscheinen (<i> macht Text kursiv). Most others provide information — such as the title — that doesn’t appear on the page itself. Die meisten anderen Informationen - wie der Titel -, die nicht auf der Seite selbst bestimmt.

One very important thing you must remember about tags is that for every one tag there is another one paired along with it. Eine sehr wichtige Sache, die Sie dürfen nicht vergessen, über Tags ist, dass für jeden ein Tag gibt es einen weiteren ein gepaart mit ihr. Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> . Jedes Mal, wenn Sie einen Tag - sagen <br> - Sie muss auch hinzufügen, und schließen Sie es mit einem anderen Tag - in diesem Fall, </ br>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. Notieren Sie sich den Schrägstrich - / - vor dem Tag "br"; das ist, was bleibt im Gegensatz das schliessende Tag aus Tag der Eröffnung.

A basic HTML page always begins with the tag <html> and ends with </html> . Eine grundlegende HTML-Seite beginnt immer mit dem Tag <html> und endet mit </ html>. In between, the file has two sections - the header and the body. Dazwischen, die Datei hat zwei Abschnitte - den Kopf und den Körper.

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. Der Header, das durch die <head> und </ head>-Tags - enthält Informationen über Ihre Seite, die nicht sichtbar auf der letzten Seite, zum Beispiel den Titel. The body enclosed by <body> and </body> - is where the real HTML action takes place. Der Körper, das durch <body> und </ body> - ist, wo die echte HTML-Aktion stattfindet. Every thing that appears on the page is contained within these tags. Jedes Ding, der auf der Seite befindet sich innerhalb dieser Tags.

Now On To The HTML Document Jetzt auf das HTML-Dokument

I think we’re ready to start creating a simple page. Ich denke, wir sind bereit, die Schaffung eines vereinfachten Seite. 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. Recht? Ok der erste Schritt, natürlich, ist die Schaffung eines neuen Text-Dokument (denken Sie daran, dass sie gespeichert werden soll als "Nur Text" oder "Plain Text", wenn Sie ein Word-Prozessor, der Kenner als, sagen wir, SimpleText oder Notepad) und nennen Sie sie "anything.html" wo "alles" ist, äh, gut im Grunde alles in allen.

Your basic document should look something like this: Ihre grundlegende Dokument sollte in etwa so aussehen:

 <html> 
  <head> 
  <title>SimpleHelp.Net</title> <title> SimpleHelp.Net </ title> 
  </head> </ head> 

  <body> 
  <h1>HTML Basics</h1> <h1> HTML-Grundlagen </ h1> 

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p> Dies ist ein einfacher Artikel darüber, wie Sie schaffen eine funktionierende HTML-Seite auf SimpleHelp.Net! </ p> 

  <p>Simple helping on SimpleHelp.Net :)</p> <p> Einfache hilft auf 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. Innerhalb der <head>-Tags, haben wir den Titel "SimpleHelp.Net", die sich in der Leiste oben in Ihrem Browser.

Within the body tags, you should have everything that will be clearly visible on the page. Innerhalb der Body-Tags, sollten Sie alles, was wird deutlich sichtbar auf der Seite. With what we’ve written above it will look something like this: Mit dem, was wir geschrieben haben, darüber wird in etwa so aussehen:

HTML Basics HTML-Grundlagen

This is a simple article to help you create a working HTML page on SimpleHelp.Net. Dies ist ein einfacher Artikel darüber, wie Sie schaffen eine funktionierende HTML-Seite auf SimpleHelp.Net.

Simple helping on SimpleHelp.Net Einfache Hilfe auf 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. Wie Sie sich vielleicht schon gedacht haben, <h1> ist der Tag für eine Überschrift (die größte Schlagzeile in der Tat im Vergleich zu <h2>, <h3>, und so weiter) und <p>, natürlich, markiert den Beginn einer neuen Absatz. Each paragraph is closed off by a corresponding </p> tag. Jeder Absatz wird geschlossen durch eine entsprechende </ p>-Tag. As should every other tag be closed off by their correspondant tags that include a “/”. Wie sollte jedem anderen Tag geschlossen werden durch ihre entsprechenden Tags, die einen "/".

Does “HTML-ing” seem pretty simple? Handelt es sich bei "HTML-ing" scheinen ziemlich einfach? Well guess what? Nun erraten, was? It sure is! Es ist sicher!

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. Jede Seite verfügt über ein Source-Code und das kann mit diesem können Sie alle Web-Seiten HTML-Code durch den Zugriff auf sie über Ihre Browser-Menü Optionen. And best of all, you don’t need your own homepage to practice! Und am besten von allen, die Sie nicht brauchen Ihre eigene Homepage zur Praxis! 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. Sie können HTML-Dokumente auf Ihrem lokalen oder tragbare Laufwerke und dann haben sie öffnen, mit der Option, die nach dem Öffnen Sie im Menü "Datei" in Ihrem Browser.

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. Ich wünsche Ihnen allen viel Glück wie hoffentlich das hat dazu beigetragen, ein paar Anfänger Leser Erstellen Sie eine HTML-Seite und vielleicht sogar dazu beigetragen, refresh einige der mehrere zwischengeschaltete Entwickler Geist als gut.

Feel free to comment! Fühlen Sie sich frei zu kommentieren!