|
  |
 HTML Grundkenntnise |
Startpost-Retter
Mitglied
Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern
 |
|
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 
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
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
__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.
Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von ANGEL_05: 04.03.2006 13:36.
|
|
18.02.2006 21:42 |
|
|
Fiepmatz
that's the way love is
Dabei seit: 09.02.2005
Beiträge: 2.224
Herkunft: Mannem
|
|
Cool! Mal ein richtig gescheiter HTML "Kurs" wo auch kleine dumme fieper was verstehen 
Kannst du auch noch andere Sachen erklären? Sachen coden oder so!?
__________________
|
|
|
02.03.2006 09:20 |
|
|
Fiepmatz
that's the way love is
Dabei seit: 09.02.2005
Beiträge: 2.224
Herkunft: Mannem
|
|
Ich sprach ja nicht von designs
Könnten ja auch enter, etc sein, aber da hab ich jetzt auch schon nen Thread gefunden 
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. 
Mein Programm heißt PhotoStudio 2000
__________________
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Fiepmatz: 02.03.2006 09:46.
|
|
|
02.03.2006 09:43 |
|
|
Fiepmatz
that's the way love is
Dabei seit: 09.02.2005
Beiträge: 2.224
Herkunft: Mannem
|
|
Mööp, dankeschön!
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
Danke euch beiden!
__________________
|
|
|
02.03.2006 12:31 |
|
|
VRH Pferde
Mitglied
Dabei seit: 18.02.2006
Beiträge: 2.402
|
|
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!
|
|
|
11.03.2006 14:10 |
|
|
sommertraum
Mitglied
Dabei seit: 20.02.2005
Beiträge: 673
|
|
|
|
08.06.2006 19:30 |
|
|
Agility-Freak
¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Dabei seit: 12.03.2006
Beiträge: 4.034
Herkunft: Ffm
|
|
Könntest du erklären, wie man Tabellen und Stammbäume macht????
__________________
|
|
|
10.06.2006 13:32 |
|
|
Agility-Freak
¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Dabei seit: 12.03.2006
Beiträge: 4.034
Herkunft: Ffm
|
|
Ja! Und Tabellen nicht???
__________________
|
|
|
10.06.2006 16:20 |
|
|
Agility-Freak
¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Dabei seit: 12.03.2006
Beiträge: 4.034
Herkunft: Ffm
|
|
Sorry, ich hatte nämlich vorhin schon mal gesucht unter HTML Tabellen und HTML Steckis und nix gesehen, ehrlich....aber trotzdem danke!
__________________
|
|
|
10.06.2006 16:35 |
|
|
Jule 2003
¯¯¯¯¯¯¯
Dabei seit: 13.04.2006
Beiträge: 3.322
|
|
weiß hier einer wo man sich HTML programme Downloaden kann?
__________________
|
|
|
11.06.2006 08:55 |
|
|
Ponybabe
Total verrückt...
Dabei seit: 23.05.2006
Beiträge: 168
Herkunft: NRW
|
|
Toller Tut, obwohl ich alles schon weiß
´
Fänd es gut wenn jemand mal ein Tut zu PHP schreibt
|
|
|
11.06.2006 09:29 |
|
|
|
|
<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
|
|
|
13.08.2006 12:24 |
|
|
froschkotze
Mitglied
Dabei seit: 17.08.2005
Beiträge: 16
|
|
| 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
|
|
|
13.08.2006 14:28 |
|
|
|
|
Danke für die hilfe! *knutscha*
|
|
|
13.08.2006 18:56 |
|
|
Nanni
Mitglied
Dabei seit: 25.01.2007
Beiträge: 11.260
Herkunft: Wien
Name: nennt mich Nanni
|
|
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>
__________________
|
|
|
09.11.2011 23:24 |
|
|
Javerheri
Mitglied
Dabei seit: 02.10.2009
Beiträge: 140
Herkunft: Oyten bei Bremen
|
|
Jetzt, wo ich fast fertig bin, hab ich mal ne grundlegende Frage
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
__________________
Biete kostenlose Fotoshootings
|
|
|
12.11.2011 21:06 |
|
|
|
|
|
|
Impressum
|
hilft mir gerade sehr