Comunio-cl.com Foren-Übersicht -> Test und Codeschnipsel
| Autor |
Nachricht |
Gast
|
 Verfasst am: 10 Sep 2007 17:03 Titel: Tutorial: HTML-Crashkurs |
 |
|
| Preez hat folgendes geschrieben: |
HTML - CODES:
---------------------------------------------------------------------------------
Textattribute ändern
Texteigenschaften sind meist mit ein paar Zeichen geändert. Die meisten Befehle müssen mit einem entsprechenden Schlussbefehl wieder beendet werden. So könnt ihr die Befehle einsetzen:
Code:
Fetter Text <b> Text </b> Unterstrichen <u> Text </u> Zeilenwechsel <br> Leerzeichen Zentriert <center> Text </center> Ausgerichteter Text <p align=*> Text </p> (* steht für left, right, center oder justify (Blocksatz)) Textfarbe, -Größe und -Stil <font *> Text </font> (* steht für size="Zahl", color="red", face="arial") Bei color kann ein Farbcode (#123456, siehe oben) oder der englische Name der Farbe stehen. Bei face kann natürlich auch eine andere Schriftart verwendet werden.
Bildeinbau
Ein Bild kann sowohl in Tabellen, als auch einfach auf dem Hintergrund eingefügt werden. Der normale Code ist einfach aufgebaut:
Code:
<img src="URL"> Bei URL kommt die Adresse des Bildes hinein. Für die Fortgeschrittenen gibt es auch noch einen umfangreicheren Code, der die Änderung einiger Eigenschaften zulässt:
Code:
<img src="URL" border="0" width="" height="" alt=""> Bei "Border" wird der Rahmen bestimmt. Wenn dort eine 0 eingetragen ist, verschwindet der Rahmen automatisch. Bei einer 2 ist der Rahmen schon etwas größer. Mit "width" und "height" bestimmt man die Breite und Höhe des Bildes. Bei "alt" wird eine Beschreibung eingegeben, die erscheint, wenn man mit der Maus über das Bild fährt.
Links
Die Verlinkung einer anderen Seite ist relativ einfach:
Code:
<a href="URL"> TEXT </a>
Bei URL kommt die Adresse der gesuchten Seite rein. Bei TEXT steht dann das, wo man nachher raufklicken soll. Natürlich kann man auch ein Bild als Link verwandeln. Hierbei wird einfach bei TEXT der Code für das Bild eingesetzt. Mit "Border="0" könnt ihr dann den störenden Rahmen entfernen.
Code:
<img src="URL" border="0" width="" height="" alt=""> Bei "Border" wird der Rahmen bestimmt. Wenn dort eine 0 eingetragen ist, verschwindet der Rahmen automatisch. Bei einer 2 ist der Rahmen schon etwas größer. Mit "width" und "height" bestimmt man die Breite und Höhe des Bildes. Bei "alt" wird eine Beschreibung eingegeben, die erscheint, wenn man mit der Maus über das Bild fährt.
Ein durchlaufender Text
Der Durchlaufende Text. Er ist sehr beliebt. Man kann nicht nur Text, sondern auch Bilder oder Links durchlaufen lassen. So gehts: Mit "scrolldelay" und "scrollamount" könnt ihr die Geschwindigkeit verändern. Einfach mal ausprobieren. Innerhalb des marquees kann man natürlich auch noch die Schriftart ändern.
Code:
<marquee scrolldelay="0" scrollamount="9">INHALT</marquee>
Tabellen und ihre Eigenschaften
Tabellen. Sie sind sehr mächtig und können das ganze Profil durcheinander bringen. Sie beginnt immer mit einem < table > und endet mit einem </table. Dazwischen gibt es die Zeilen (< tr >Zeile< /tr >) in denen die Spalten (< td >Spalte< /td >) zu finden sind. In diese Spalten kommen dann die Inhalte (zb. Bilder oder Text).
Code:
<table> <tr> <td>Inhalt</td> <td>Inhalt</td> <td>Inhalt</td> </tr> <tr> <td>Inhalt</td> <td>Inhalt</td> <td>Inhalt</td> </tr> </table>
In den Tabellen müssen zudem die Schriftart, Größe, Farbe usw. wieder geändert werden.
Falls ihr eine Spalte, Zeile oder gleich die ganze Tabelle farblich ändern wollt, dann geht das so:
Code:
<td bgcolor="FARBE"> oder <tr bgcolor="FARBE"> oder sogar <table bgcolor="FARBE">
Natürlich kann man auch statt einer Hintergrundfarbe ein Hintergrundbild in die Tabelle einfügen.
Code:
<table background="FARBE"> |
Originalautor: Preez (comunio.de)
|
|
| Nach oben |
|
Gast
|
| Verfasst am: 31 Aug 2009 19:10 Titel: |
|
|
|
Das mit dem durchlaufenden Text geht nicht
|
|
| Nach oben |
|
Alle Zeiten sind GMT + 2 Stunden
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Powered by phpBB © 2001, 2002 phpBB Group