![]() |
|
|||||||||||||||||||||
Pfad: florianbuergel.de | Computer › HTML PHP MySQL › HTML und CSS | ||||||||||||||||||||||
![]() |
||||||||||||||||||||||
![]() |
![]() HTML und CSSWebsites mit HTML und CSS erstellen HTMLHTML - Was ist das?HTML ist die Abkürzung von Hypertext Markup Language. Mit HTML beschreibt man, wie Texte, Bilder, Tabellen auf dem Bildschirm im Fenster des Browsers ausgegeben werden. In der Anwendung heißt das, dass man mit HTML Websites erstellt. HTML - Wie kann ich es lernen?Wer sich für HTML interessiert und es lernen möchte, sollte einmal die Website CSSCSS ist ebenfalls eine Abkürzung und bedeutet Cascading Stylesheets. Mit CSS kann man noch besser die Elemente in HTML formatieren (z.B. bestimmen, was passiert, wenn man mit der Maus über einen Link geht). CSS kann also nicht ohne HTML. Ausführliche Informationen zur Anwendung gibt es auch hier unter HTML - GrundgerüstEditor und Format .htmlZunächst wollen wir erst einmal lernen, Dateien im richtigen Format zu erstellen. Dafür nehmen wir einfach den Editor für Text, den wir unter Start / Programme / Zubehör / Editor finden. .html Datei ansehen und bearbeitenDie Datei hat nun die Dateiendung .html. Wir können sie mit einem Doppelklick aufrufen und es öffnet sich der Browser. Das Browserfenster zeigt nichts an, weil noch nichts in der Datei steht. Ein neues ZeichenZunächst lernen wir noch ganz schnell ein neues Zeichen kennen. Wir nennen es erst einmal spitze Klammer. Um diese zu erzeugen, benutzen wir die Taste rechts neben der Umschalt-Taste:
Grundgerüst einer HTML-DateiWir schreiben nun Folgendes in die Datei:
<html>
Dann speichern wir: Datei / Speichern. Wir sehen also den Text "Hallo!". Diesen können wir durch einen anderen beliebigen Text austauschen. Wichtig ist nur, dass der Text zwischen und steht.Ändern können wir auch den Titel zwischen Das Prinzip ist, dass wir einen so genannten Tag wie z.B. wieder schließen, indem wir ein / hinter die erste Spitze Klammer setzen: </body>.Einen Absatz schreibenWir wollen nun einen Absatz schreiben und schreiben folgenden Quelltext in den body-Bereich (zwischen und ):
<p>Das ist ein Absatz mit sehr langem Text... Text Text Text
Auch hier wurde mit weitere TextformatierungenEs folgt eine Liste der bereits vorgestellten und weiterer Elemente zur Textformatierung. Text einfügen kann man immer dort, wo in der Auflistung ein "..." steht. Bitte daran denken, dass alles Folgende im body-Bereich stehen muss, wenn man es ausgeben möchte.
Artikel erstellt: 2005-03-27 19:51:11 ·
Artikel aktualisiert: 2005-10-17 21:21:06
|
|||||||||||||||||||||
![]() ![]() ![]() |
||||||||||||||||||||||
Ladezeit: 0.032132s | ||||||||||||||||||||||
florianbuergel.de | Copyright © 2001-2007, 2011 Florian Bürgel [Germany, Nienburg (Weser)]. · All rights reserved. |