HTML: Unterschied zwischen den Versionen
| Zeile 1: | Zeile 1: | ||
| − | <h1>Allgemeines</h1> | + | <h1 id=1>Allgemeines</h1> |
HTML ist eine Web-Programmiersprache, die dazu verwendet wird, um Websites zu erstellen. Neben HTML gibt es auch XHTML, das auch eine Programmiersprache ist. Das Grundgerust besteht aber immer aus den selben Elementen, einem "HTML", einem "head", einem "title", sowie einem "h1", also Überschriftenteil, und einem "body" Teil. Wenn man mit einem geeignetem HTML-Editor, wie SciTe, HTML-Editor, oder vergleichbaren Softwaren ein HTML Dokument erstellt, dann fängt man immer mit "<html>" an, dann folgt ein "<head>", dann ein "<tite>", nun schreibt man den Titel, also das, was in dem Reiter im Browser ganz oben angezeit wird, dann kann man noch die Überschriften einbauen, dem wiederum fogt ein "<bod>", mit dem man beispielsweise die Farbe des Hintergrunds definieren kann. Jeder dieser sog. "Tags", damit sind die "<...>"-Comands gemeint, wird mit einem "</...>" abgeschlossen, alles, was sich bsp.w. zwischen den in den spitzen Klammern steht eben als solches, was die Klammern definieren, angezeit. | HTML ist eine Web-Programmiersprache, die dazu verwendet wird, um Websites zu erstellen. Neben HTML gibt es auch XHTML, das auch eine Programmiersprache ist. Das Grundgerust besteht aber immer aus den selben Elementen, einem "HTML", einem "head", einem "title", sowie einem "h1", also Überschriftenteil, und einem "body" Teil. Wenn man mit einem geeignetem HTML-Editor, wie SciTe, HTML-Editor, oder vergleichbaren Softwaren ein HTML Dokument erstellt, dann fängt man immer mit "<html>" an, dann folgt ein "<head>", dann ein "<tite>", nun schreibt man den Titel, also das, was in dem Reiter im Browser ganz oben angezeit wird, dann kann man noch die Überschriften einbauen, dem wiederum fogt ein "<bod>", mit dem man beispielsweise die Farbe des Hintergrunds definieren kann. Jeder dieser sog. "Tags", damit sind die "<...>"-Comands gemeint, wird mit einem "</...>" abgeschlossen, alles, was sich bsp.w. zwischen den in den spitzen Klammern steht eben als solches, was die Klammern definieren, angezeit. | ||
| Zeile 44: | Zeile 44: | ||
Wenn man auf eine Seite Links zu anderen Subdomains oder Partnerseiten oder... einbauen will, muss man auf eien Link in den Quelltext einbauen, das ist sehr einfach: Man muss nur an die entsprechende Stelle( am Ende, wenn man z.b. ein Impressum verlinken will, oben, wenn es zur Anmeldung, oder die Navigation ist) des Comand <strong>"<a href"Hier gehört die Beschreibung des Links rein oder die Adresse">Hier gehört die Adresse rein z.b.: http://www.google.de/</a>"</strong> | Wenn man auf eine Seite Links zu anderen Subdomains oder Partnerseiten oder... einbauen will, muss man auf eien Link in den Quelltext einbauen, das ist sehr einfach: Man muss nur an die entsprechende Stelle( am Ende, wenn man z.b. ein Impressum verlinken will, oben, wenn es zur Anmeldung, oder die Navigation ist) des Comand <strong>"<a href"Hier gehört die Beschreibung des Links rein oder die Adresse">Hier gehört die Adresse rein z.b.: http://www.google.de/</a>"</strong> | ||
| − | <h1>Bilder/Grafiken miteinbinden</h1> | + | <h1 id=2>Bilder/Grafiken miteinbinden</h1> |
| − | Wenn man etwa Bilder in der Seite drin haben will, dann gibt es da auch ein einfaches Command: Ihr gebt einfach, an der Stelle, an der die Grafik erscheinen soll ein "<p><imag src=" | + | Wenn man etwa Bilder in der Seite drin haben will, dann gibt es da auch ein einfaches Command: Ihr gebt einfach, an der Stelle, an der die Grafik erscheinen soll ein "<p><imag src="Dateiname+Endung(.gif/.jpg/.jpeg/...)" alt="Alternativtext der erscheint, fals es die Grafik nicht anzeigen kann, aus wechem Grund auch immer."> "<img>" definiert hierfür, dass es sich um eine Grafik handel, da img vom engl. (image = Bild, Grafik) kommt. "src" definiert, dass der nachfolgende Teil die Quelle (v. engl. source = Quelle)ist. Der "alt" Teil steht, wie schon gesagt, damit, fals die Grafik nicht angezeit werden kann, weil z.b. der Browser die Datei nicht öffnen kann, der alternativtext angezeigt wird, der die Grafik beschreibt. |
| + | |||
| + | ==Iframes== | ||
| + | |||
| + | Wenn man, aus welchem Grund auch immer, eine Datei, die man mit <img...> nicht reibringt, oder man etwa eine Vorschau von einer anderen Seite machen will, dan verwendet man einfach Iframes. Die Syntax ist ähnlich der der Images: "<iframe height="XXX" width="XXX" src="Wenadresse/Dateiname"> </iframe>" | ||
Version vom 27. Juli 2011, 15:36 Uhr
Inhaltsverzeichnis
Allgemeines
HTML ist eine Web-Programmiersprache, die dazu verwendet wird, um Websites zu erstellen. Neben HTML gibt es auch XHTML, das auch eine Programmiersprache ist. Das Grundgerust besteht aber immer aus den selben Elementen, einem "HTML", einem "head", einem "title", sowie einem "h1", also Überschriftenteil, und einem "body" Teil. Wenn man mit einem geeignetem HTML-Editor, wie SciTe, HTML-Editor, oder vergleichbaren Softwaren ein HTML Dokument erstellt, dann fängt man immer mit "<html>" an, dann folgt ein "<head>", dann ein "<tite>", nun schreibt man den Titel, also das, was in dem Reiter im Browser ganz oben angezeit wird, dann kann man noch die Überschriften einbauen, dem wiederum fogt ein "<bod>", mit dem man beispielsweise die Farbe des Hintergrunds definieren kann. Jeder dieser sog. "Tags", damit sind die "<...>"-Comands gemeint, wird mit einem "</...>" abgeschlossen, alles, was sich bsp.w. zwischen den in den spitzen Klammern steht eben als solches, was die Klammern definieren, angezeit.
Wichtige Comandans
| < h1 > | Erzeugt eine Überschrift |
| < p > | Erzeugt z.Bsp. eine Zeile, in der ein Text sich befinden kann |
| < a href="..." > | Baut einen Link ein |
| < < !-- --> > | Erzeugt einen Kommentar, der nur im Quelltext zu sehen ist |
| < body > | Wie der "Körper" der Seite aussieht |
| < iframes > | "Baut eine Website/Bild/... in die bestehende Website ein |
Farben definieren
Farben, mit denen man z.Bsp. den Hintergrund ausfüllt, werden nach einem Hexadezimalzahlsystem definiert. Der Code für die Farbe besteh aus 7 Zeichen: "#FFFFFF", steht für die Farbe weiss, "#3300CC" steht für blau. Die Farbeinstellung befinden sich im <body> Teil, es wird zwischen des "body" un der spitzen Klammer geschrieben. Die Syntax lautet dabei < body bgcolor="Definierte Farbe zb: #3300CC" >
Tabellen
Tabellen wurden eigentlich nur zur strukturierung von Elementen benutzt. Heutzutage verwendet man sie um z.b. an der Seite der Website, eine Navigationsleiste einzubinden, oder Beiträge in Foren zu gliedern. Mittlerweile gibt es fast keine Seite mehr, die nicht auf dies Möglichkeit zurückgreift so werden Navigationsleiten sicher von Textbereichen getrennt, die ansonsten durcheinander geraten würden. Man unterscheidet aber nach wie vor zwische binden und normalen Tabelle, blinde Tabellen haben keine Rand, die anderen schon.http://de.selfhtml.org/navigation/anfang/tour6.htm
Links
Wenn man auf eine Seite Links zu anderen Subdomains oder Partnerseiten oder... einbauen will, muss man auf eien Link in den Quelltext einbauen, das ist sehr einfach: Man muss nur an die entsprechende Stelle( am Ende, wenn man z.b. ein Impressum verlinken will, oben, wenn es zur Anmeldung, oder die Navigation ist) des Comand "<a href"Hier gehört die Beschreibung des Links rein oder die Adresse">Hier gehört die Adresse rein z.b.: http://www.google.de/</a>"
Bilder/Grafiken miteinbinden
Wenn man etwa Bilder in der Seite drin haben will, dann gibt es da auch ein einfaches Command: Ihr gebt einfach, an der Stelle, an der die Grafik erscheinen soll ein "<imag src="Dateiname+Endung(.gif/.jpg/.jpeg/...)" alt="Alternativtext der erscheint, fals es die Grafik nicht anzeigen kann, aus wechem Grund auch immer."> "<img>" definiert hierfür, dass es sich um eine Grafik handel, da img vom engl. (image = Bild, Grafik) kommt. "src" definiert, dass der nachfolgende Teil die Quelle (v. engl. source = Quelle)ist. Der "alt" Teil steht, wie schon gesagt, damit, fals die Grafik nicht angezeit werden kann, weil z.b. der Browser die Datei nicht öffnen kann, der alternativtext angezeigt wird, der die Grafik beschreibt.
Iframes
Wenn man, aus welchem Grund auch immer, eine Datei, die man mit <img...> nicht reibringt, oder man etwa eine Vorschau von einer anderen Seite machen will, dan verwendet man einfach Iframes. Die Syntax ist ähnlich der der Images: "<iframe height="XXX" width="XXX" src="Wenadresse/Dateiname"> </iframe>"
