Gegen Bilderklau - Das Original | Druckvorschau: HTML Grundkenntnise

Geschrieben von Startpost-Retter am 18.02.2006 um 21:42:

HTML Grundkenntnise

HTML Grundkenntnisse

Ein HTML-Grundgerüst
Jedes HTML-Dokument fängt so an:

<html>
<head>
<title>Titel der Seite</title>
</head>
<body>
</body>
</html>

Kleine Erklärung:
<html> </html> = Dies ist das ganze HTML-Dokument. Jedes HTML-Dokument muss mit <html> anfangen und mit </html> aufhören.

<head> </head> = Der „Kopf“ des HTML-Dokuments. Hier stehen Informationen für Suchmaschinen. Diese Angaben sieht man nicht auf der eigentlichen Seite.

<title> </title> = Hier steht der Titel der Seite. Dieser steht in der oberen bleuen Zeile bei deinem Internetbrowser.

<body> </body> = Hier steht der Text der Seite.

Im Head
Im Head sind sogenannte Meta-Tags vorzufinden.
Alles außer der Titel-Tag wird mit meta benannt.

So könnte ein head-tag aussehen (alles ausser dem Titel kann man weglassen):

<head>
<title>Titel deiner Seite</title>
<meta name="description" content="Die Beschreibung deiner Seite">
<meta name="author" content="Autorenname">
<meta name="keywords" content="Suchwörter, nach denen Suchmaschinen suchen">
<meta name="generator" content="Editor (Programm) mit welchem du die Site gemacht hast">
</head>

Natürlich musst du alle Angaben auf deine Seite umändern Zunge raus

Der Body-Tag
Der Body-Tag (<body> </body>) kann nach belieben erweitert werden.

Textfarbe: text=“#000000"
Hintergrundfarbe: bgcolor=“#FFFFFF“
Linkfarbe: link=“#0000FF“
besuchter Link: vlink=“#800080“
Hintergrundbild: background=“URLdesBildes“

Das Ganze könnte dann später so aussehen:

<body text="#000000" bgcolor="#FFFFFF" link="#0000FF" vlink="#800080" background="URL des Bildes"> </body>

Natürlich könnt ihr auch andere Farben (siehe http://www.ideenreich.com/ressourcen/farbnamen.shtml)einsetzen, und wenn ihr ein Hintergrundbild wollt, müsst ihr eine richtige URL einsetzen Zunge raus

Textformatierung

Überschriften
Mit <h1> </h1> kann man eine große, fettgedruckte Überschrift erstellen. Wer es kleiner haben möchte, kann auch einfach <h2> </h2>, <h3> </h3> usw., bis zu <h6> </h6> ausprobieren. <h6> </h6> ist die kleinste Überschrift.
Bsp.: <h3>Überschrift</h3>

Ausrichtung
Es gibt vier verschiedene Ausrichtungen.
left = linksbündig (Standart)
right = rechtsbündig
center = zentriert
justify = Blocksatz

So sieht das dann aus:
<p align=“ausrichtung“>Text</p>

ausrichtung musst du durch eines der oben genannten Wörter ersetzen (<p align=“right“>Text</p>)
Der Text kann auch eine Überschrift, eine Tabelle usw., sein.

Schriftart und -größe
Die Schriftart wird über folgenden Tag bestimmt:
<font face=“Schriftart“> </font>

Die Schriftgröße wird über den Tag <font size=“xy“> </font> bestimmt. Xy ist dabei eine Zahl zwischen 1 und 7, die für die Größe steht. 3 ist Standartwert. 7 ist die größte Schrift, und 1 die Kleinste.
Bsp.: <font face=“Arial“><font size=“2“>Text</font></font>

Wie ihr seht, müsst ihr alle Tags auch wieder schließen !!

Auch können die beiden font-Tags kombiniert werden:
<font face=“Schriftart“ size=“Größe“> </font>

Hervorhebungen
Hier eine Liste der Hervorhebungen, die es in HTML gibt.

<b> </b> = fett
<i> </i> = kursiv
<u> </u> = unterstrichen
<s> </s> = durchgestrichen
<sub> </sub> = tiefgestellt
<sup> </sup> = hochgestellt

Der Text wird bei all diesen Hervorhebungen von den Tags „eingeklammert“.
Und noch etwas: Macht in einen Text nicht sooo viele Hervorhebungen rein, da man sonst kaum mehr durchblickt ;-) .

Zeilenumbrüche
Ein Zeilenumbruch wird mit <br> eingefügt. Es gibt aber kein </br>.
<br> kann sooft eingesetzt werden wie man will und braucht.

lg ANGEL

Geschrieben von Fiepmatz am 02.03.2006 um 09:20:

Cool! Mal ein richtig gescheiter HTML "Kurs" wo auch kleine dumme fieper was verstehen großes Grinsen

Kannst du auch noch andere Sachen erklären? Sachen coden oder so!? großes Grinsen

Geschrieben von Fiepmatz am 02.03.2006 um 09:43:

Ich sprach ja nicht von designs großes Grinsen

Könnten ja auch enter, etc sein, aber da hab ich jetzt auch schon nen Thread gefunden Augenzwinkern

Aber ich hätte da ne Frage zu designs...ich weiß nicht, wie man die erstellen soll. Klar, einfach ausprobieren mit Farbe und bla. Aber mit meinem Programm funzt das irgendwie nicht so. Das ist auch ganz einfach, also hat keine Brushes oder coole Schriften oder so...und ich weiß nicht, was für ein kostenloses Programm es noch gibtund wie es da funzt. Gut, Photo Shop Pro, aber da ist bei mir die Testversion abgelaufen, ohne dass ich groß was gemacht hab. Und bei Paint kann man ja auch nicht wirklich viel machen. unglücklich

Mein Programm heißt PhotoStudio 2000

Geschrieben von Fiepmatz am 02.03.2006 um 12:31:

Mööp, dankeschön! Augenzwinkern

Kann man nicht coden? Ich hatte aber mal nen code dafür!? o.O Seltsam...
Nya, egal. hab jetzt eins erstellt...nur noch versuchen zu coden und fertig...nya, fast großes Grinsen

Danke euch beiden!

Geschrieben von VRH Pferde am 11.03.2006 um 14:10:

meine freundin hat aber windows 95 und sie kann bei beepworld nur den einfachsten editor nehmen, für die ist das ganz interessant mit den schriften! Sie muss nämlich nur mit HTML-Codes arbeiten!

Geschrieben von sommertraum am 08.06.2006 um 19:30:

Guterklärt.

Geschrieben von Agility-Freak am 10.06.2006 um 13:32:

Könntest du erklären, wie man Tabellen und Stammbäume macht????

Geschrieben von Agility-Freak am 10.06.2006 um 16:20:

Ja! Und Tabellen nicht???

Geschrieben von Agility-Freak am 10.06.2006 um 16:35:

Sorry, ich hatte nämlich vorhin schon mal gesucht unter HTML Tabellen und HTML Steckis und nix gesehen, ehrlich....aber trotzdem danke! Augenzwinkern

Geschrieben von SammyLG am 10.06.2006 um 16:36:

Nennt man html auch Quellcode????

Geschrieben von SammyLG am 10.06.2006 um 18:01:

Oh! Früher war ich bei dbi und hab die Quellcodes immer geschrieben anstatt die HTML codes!

Geschrieben von Jule 2003 am 11.06.2006 um 08:55:

weiß hier einer wo man sich HTML programme Downloaden kann?

Geschrieben von Ponybabe am 11.06.2006 um 09:29:

Toller Tut, obwohl ich alles schon weiß großes Grinsen

´

Fänd es gut wenn jemand mal ein Tut zu PHP schreibt

Geschrieben von Beachpartygirl am 13.08.2006 um 12:24:

Was ist falsch?

<html>
<head>
<title>http://catania.oyla6.de </title>
<meta name="description" content="Vrh Catania ist ein virtueller Reiterhof mit sehr viel Extras und netten Comunity ">
<meta name="author" content="Laura B. ">
<meta name="keywords" content=" Virtueller Reiterhof ">
<meta name="generator" content=" Paint Shop Pro 9 Paint und Frontpage">
</head>
<body text="#000000" bgcolor="#00800" link="#FFFF00" vlink="#FFA500" background="http://www.oyla6.de/userdaten/12821071/bilder/desicatania1.gif"
> </body>
<h3>Überschrift</h3>
<p align=“left“>Text</p>
<font face=“Arial“><font size=“2“>Text</font></font>
</html>

Was ist an dem Code falsch?
Helft mir bitte

Geschrieben von froschkotze am 13.08.2006 um 14:28:

RE: Was ist falsch?

Zitat:

Original von Beachpartygirl
<html>
<head>
<title>http://catania.oyla6.de </title>
<meta name="description" content="Vrh Catania ist ein virtueller Reiterhof mit sehr viel Extras und netten Comunity ">
<meta name="author" content="Laura B. ">
<meta name="keywords" content=" Virtueller Reiterhof ">
<meta name="generator" content=" Paint Shop Pro 9 Paint und Frontpage">
</head>
<body text="#000000" bgcolor="#00800" link="#FFFF00" vlink="#FFA500" background="http://www.oyla6.de/userdaten/12821071/bilder/desicatania1.gif"
> </body>
<h3>Überschrift</h3>
<p align=“left“>Text</p>
<font face=“Arial“><font size=“2“>Text</font></font>
</html>

das </body> muss nach deinem gesamten text, der nachher auf der seite stehen soll stehen, d.h. es muss dann so aussehen:

<html>
<head>
<title>http://catania.oyla6.de </title>
<meta name="description" content="Vrh Catania ist ein virtueller Reiterhof mit sehr viel Extras und netten Comunity ">
<meta name="author" content="Laura B. ">
<meta name="keywords" content=" Virtueller Reiterhof ">
<meta name="generator" content=" Paint Shop Pro 9 Paint und Frontpage">
</head>
<body text="#000000" bgcolor="#00800" link="#FFFF00" vlink="#FFA500" background="http://www.oyla6.de/userdaten/12821071/bilder/desicatania1.gif"
>
<h3>Überschrift</h3>
<p align=“left“>Text</p>
<font face=“Arial“><font size=“2“>Text</font></font>
</body>
</html>

außerdem kannst du auch diese Klammern <font face=“Arial“><font size=“2“> zusammenfassen in eine was wesentlich einfacher ist...das sieht dann so aus: <font face=“Arial“ size=“2“>

lg, fk

Geschrieben von Beachpartygirl am 13.08.2006 um 18:56:

Danke

Danke für die hilfe! *knutscha*

Geschrieben von Javerheri am 09.11.2011 um 22:03:

Tolles Tut Daumen runter

hilft mir gerade sehr
Wie kann ich denn Fotos einfügen?
Und egal welche Schriftart ich eingeb (arial, georgia ect) verändert sich nichts und es sieht sehr nach Times New Roman aus. Ich arbeite mit Dreamweaver.

Wie setze ich eigentlich Links z.B. zu einem Dokument oder einer anderen Internetseite?
Und wie verbinde ich die einzelnen Seiten miteinander aus denen meine Homepage besteht?

Geschrieben von Nanni am 09.11.2011 um 23:24:

Fotos einfügen:
<IMG src="BILDERURL">

Bei BILDERURL musst du die URL zum Bild angeben. Also nachdem du das Bild hochgeladen hast, die Internetadresse dorthin, wenn du es bei tinypic o.ä. hochlädst, hast du eh ein Feld wo steht URL: ......

Links innerhalb deiner Seite setzt du so:
<A href="kontakt.html">Hier gehts zum Kontaktfomular</A>

Wenn du eine Seite in einem neuen Fenster öffnen willst:
<A href="http://www.gegen-bilderklau.net" target=_blank>Gegen-Bilderklau</A>

Geschrieben von Javerheri am 12.11.2011 um 21:06:

Jetzt, wo ich fast fertig bin, hab ich mal ne grundlegende Frage großes Grinsen

ich mach ja für jede Unterseite (Home, Profil...) eine extra html-Seite, nehm ich da als Hintergrund das ganze Layout oder nur das Bild aus dem gesclicten Layout, wo der Text dann drauf soll?

Und wie schaff ichs, dass später z.B. die Unterseite "Fotoshooting " aufgeht von ich auf den Menüpunkt "Fotoshooting" click?

wenn ich die ganzen Unterseiten fertig hab, muss ich dann noch etwas tun, damit die Homepage hochladefertig ist? Ich hoffe, beim Dreamweaver gibts einen Hochladeknopf, sonst hab ich direkt die nächsten Fragen großes Grinsen