|
HTML Codes
Ich denke sowas gibt es noch nicht :think:
Also es wird hier ja auch noch nen paar geben die nicht so Computer begabt sind wie andere aber auch mal was mit HTML machen wollen. (Zb ich :D ) Also I-net Sachen usw. Vll könnt ihr ja mal posten was ihr so für Codes kennt ;) Ich fange dann mal an: (Natürlich müssen eig noch die . dach dem < weg ;) ) Schriftfarbe: <.font color="#9999ff">der Text wird blau</font> Schriftgrösse: <.font size="1">hier großer Text</font> Schriftart: <.font face="comic sans ms">Tex</font> Text ausrichten: <.div align="center">Text</div> Laufschrift: <.marquee>Hier steht Ihr Text!</marquee> ----------------------------------------------- Bilder: <.img src="hier die URL des Bildes"> Scroolfarben verändern: <.STYLE>BODY { scrollbar-face-color: red; SCROLLBAR-TRACK-COLOR: blue; scrollbar-arrow-color: black; scrollbar-base-color: #ffff33; scrollbar-shadow-color : #33cc99; SCROLLBAR-3DLIGHT-COLOR: #ff33ff; SCROLLBAR-DARKSHADOW-COLOR: #33ffff; scrollbar-highlight-color: white; } </STYLE> ---------------------------------------------- So mehr weiß ich auch nicht ;) Aber ihr wiss ja bestimmt noch was :) Mfg Alex |
Lol, lasst Zahl ja nicht den Thread sehen, 5 seiten würden da nicht reichen :D
Also in der Hinsicht bin ich ne Obernull, ich kannte nichma alle von Xela ;) |
Muss auch sagen, dass ich keine Ahnung von dem Zeugs habe, allerdings möchte ich mich zu Wort melden, da dieser Fred ins Internet/Coding-Subforum gehört;).
|
Mist^^... Ich wusste nicht wo er rein sollte.
Aber die Admins können ja bestimmt mal den Fred verschieben *adminsanschiel* ;) |
Hm, schaut euch lieber mal bei http://de.selfhtml.org/ um. Dort findet ihr eine freie HTML Referenz. Wer HTML lernen will, der macht es auf der Seite. Es lässt sich das Paket auch frei runterladen, so kann man die Docs offline lesen.
|
Wenn du etwas mehr über das Designen mit CSS Lernen willst, isthttp://www.w3schools.com/css/ eine der besten Referenz Seiten im Netz. http://www.w3schools.com/ ist an sich ein wahnsinnig geiles Kompendium was das ganze Webdesign angeht, es wird seit 1998 von freiwilligen geführt.
Selfhtml weiß ich nicht wie die Zukunft ist, den der Projektleiter will ja nicht mehr weitermachen. |
Haupt Tags, die jedes Dokument beinhalten muss
Dokument Typ <HTML></HTML> Anfang und Ende der Datei Titel <TITLE></TITLE> muss im Header stehen Kopf der Datei <HEAD></HEAD> Allgemeine Infos zum Dokument Körper der Datei <BODY></BODY> Der Rest der Datei Strukturelle Definitionen (kontrolliert durch die Browser Einstellungen) Überschrift <H?></H?> Statt ? Zahlen von 1-6 3.0 Ausrichtung der Überschriften <H? ALIGN=LEFT|CENTER|RIGHT></H?> 3.0 Division <DIV></DIV> 3.0 Ausrichtung einer Division <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> Block Quote <BLOCKQUOTE></BLOCKQUOTE> Betonung <EM></EM> Normalerweise kursiv Starke Betonung <STRONG></STRONG> Normalerweise fett Zitat <CITE></CITE> Normalerweise kursiv Quellcode <CODE></CODE> Einfache Ausgabe <SAMP></SAMP> Tastatur Eingabe <KBD></KBD> Variable <VAR></VAR> Definition <DFN></DFN> Selten verwendet Adresse des Autors <ADDRESS></ADDRESS> 3.0 Grosse Schrift <BIG></BIG> 3.0 Kleine Schrift <SMALL></SMALL> Formate, die der Autor bestimmen kann Fett <B></B> Kursiv <I></I> 3.0 Unterstrichen <U></U> Selten benutzt 3.0 Durchgestrichen <S></S> Selten benutzt 3.0 Unterscript <SUB></SUB> 3.0 Superscript <SUP></SUP> Schreibmaschine <TT></TT> Vorformatiert <PRE></PRE> Breite <PRE WIDTH=?></PRE> ? in Pixel oder Prozent N1.0+ Zentriert <CENTER></CENTER> Für Text und Bilder N1.0 Blinkend <BLINK></BLINK> N1.0 Schriftgrösse <FONT SIZE=?></FONT> ? von 1-7 N1.0 Schriftgrössenänderung <FONT SIZE=+|-?></FONT> N1.0 Standard Schriftgrösse <BASEFONT SIZE=?> ? von 1-7 ; Standard ist 3 N2.0 Schriftfarbe <FONT COLOR="#$$$$$$"></FONT> Links und Grafiken Link zu einer Datei <A HREF="URL"></A> Link zu einem Ziel <A HREF="URL#***"></A> falls Ziel in einem anderen Dokument ist <A HREF="#***"></A> Im gerade geöffneten Dokument N2.0 Ziel Fenster <A HREF="URL" TARGET="***"></A> Ziel Definieren <A NAME="***"></A> Grafik anzeigen <IMG SRC="URL"> Ausrichtung <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> N1.0 Ausrichtung <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> Alternative Bezeichnung <IMG SRC="URL" ALT="***"> Wenn kein Bild angezeigt wird Imagemap <IMG SRC="URL" ISMAP> Benötigt ein Script N2.0 Imagemap <IMG SRC="URL" USEMAP="URL"> N2.0 Map <MAP NAME="***"></MAP> Beschreibt das Map N2.0 Sektion <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 3.0 Dimensionen <IMG SRC="URL" WIDTH="?" HEIGHT="?"> in Pixel N1.0 Rahmen <IMG SRC="URL" BORDER=?> in Pixel N1.0 Platz rund um die Grafik <IMG SRC="URL" HSPACE=? VSPACE=?> in Pixel N1.0 Low-Res Proxy <IMG SRC="URL" LOWSRC="URL"> N1.1 Client Pull <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> N2.0 Eingebettetes Objekt <EMBED SRC="URL"> fügt ein Objekt in die Seite ein N2.0 Objekt Grösse <EMBED SRC="URL" WIDTH="?" HEIGHT="?"> Zeilen- und Abschnittsteiler ; Zeilenumbruch erzwingen Paragraph <P> Normalerweise als doppelt Teiler 3.0 Paragraph <P></P> Neu definiert als Container Tag 3.0 Text Ausrichtung <P ALIGN=LEFT|CENTER|RIGHT></P> Zeilenumbruch <BR> Einfacher Zeilenumbruch N1.0 Textwrap löschen <BR CLEAR=LEFT|RIGHT|ALL> Horizontaler Teiler <HR> N1.0 Ausrichtung <HR ALIGN=LEFT|RIGHT|CENTER> N1.0 Dicke <HR SIZE=?> in Pixel N1.0 Breite <HR WIDTH=?> In Pixel N1.0 Breite in Prozent <HR WIDTH=%> als % Angabe auf Fenster bezogen N1.0 Solide Linie <HR NOSHADE> Ohne den 3D look N1.0 Ohne Zeilenumbruch <NOBR></NOBR> N1.0 Zeilenumbruch wenn nötig <WBR> Listen und Aufzählungen Nichtgeordnete Liste <UL><LI></UL> <LI> vor jedem Unterpunkt N1.0 Bullet Typ <UL TYPE=DISC|CIRCLE|SQUARE> für die ganze Liste) <LI TYPE=DISC|CIRCLE|SQUARE> für dieses Segment Geordnete Liste <OL><LI></OL> <LI> vor jedem Unterpunkt N1.0 Nummer Typ <OL TYPE=A|a|I|i|1> für die ganze Liste <LI TYPE=A|a|I|i|1> in diesem Untersegment N1.0 Start Nummer <OL VALUE=?> für die ganze Liste <LI VALUE=?> Dieses Untersegment Definierte Liste <DL><DT><DD></DL> <DT>=term, <DD>=defination Menu Liste <MENU><LI></MENU> <LI> vor jedem Unterpunkt Verzeichnis Liste <DIR><LI></DIR> <LI> vor jedem Unterpunkt Hintergrundbilder und -farben 3.0 Hintergrundbild <BODY BACKGROUND="URL"> N1.1+ Hintergrundfarbe <BODY BGCOLOR="#$$$$$$"> N1.1+ Text Farbe <BODY TEXT="#$$$$$$"> N1.1+ Link Farbe <BODY LINK="#$$$$$$"> N1.1+ Besuchter Link <BODY VLINK="#$$$$$$"> N1.1 Aktiver Link <BODY ALINK="#$$$$$$"> HTML-Befehle für Formulare Formular definieren <FORM ACTION="URL" METHOD=GET|POST></FORM> N2.0 Datei Upload <FORM ENCTYPE="multipart/form-data></FORM> Eingabe Feld <INPUT TYPE="TEXT|PASSWORD|CHECKBOX| RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> Feld Name <INPUT NAME="***"> Feld Wert <INPUT VALUE="***"> Checked? <INPUT CHECKED> Checkbox und Radiobox Feld Größe <INPUT SIZE=?> In Pixel Max Länge <INPUT MAXLENGTH=?> In Pixel Auswahlliste <SELECT></SELECT> Name der Liste <SELECT NAME="***"></SELECT> Anzahl der Optionen <SELECT SIZE=?></SELECT> Auswahlfeld <SELECT MULTIPLE> mehr als eine Auswahl ist möglich Optionen <OPTION> Punkte, die selektiert werden können Standard Option <OPTION SELECTED> Eingabe Box Größe <TEXTAREA ROWS=? COLS=?></TEXTAREA> Name der Box <TEXTAREA NAME="***"></TEXTAREA> N2.0 Zusammenhängender Text <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> HTML-Befehle für Tabellen 3.0 Tabelle definieren <TABLE></TABLE> 3.0 Rahmen <TABLE BORDER></TABLE> an oder aus N1.1 Rahmen <TABLE BORDER=?></TABLE> mit ? 1-12 N1.1 Cell Spacing <TABLE CELLSPACING=?> N1.1 Cell Padding <TABLE CELLPADDING=?> N1.1 Bestimmte Breite <TABLE WIDTH=?> in Pixel N1.1 Breite in Prozent <TABLE WIDTH=%> Prozent der Seite 3.0 Tabellen Zeile <TR></TR> 3.0 Ausrichtung <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 Tabellen Zellel <TD></TD> Nur innerhalb von Tabellenzeilen 3.0 Ausrichtung <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 Kein Zeilenumbruch <TD NOWRAP> 3.0 Spaltenübergereifend <TD COLSPAN=?> 3.0 Zeilenübergreifend <TD ROWSPAN=?> N1.1 Bestimmt Grösse <TD WIDTH=?> in Pixel N1.1 Breite in Prozent <TD WIDTH=%> Prozent der Seite 3.0 Tabellen Überschrift <TH></TH> 3.0 Ausrichtung <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 Kein Umruch <TH NOWRAP> 3.0 Spaltenübergreifend <TH COLSPAN=?> 3.0 Zeilenübergreifend <TH ROWSPAN=?> N1.1 Bestimmte Grösse <TH WIDTH=?> in Pixel N1.1 Grösse in Prozent <TH WIDTH=%> Auf Tabelle bezogen 3.0 Tabellen Name <CAPTION></CAPTION> 3.0 Ausrichtung <CAPTION ALIGN=TOP|BOTTOM> Über oder unter der Tabelle HTML-Befehle für Frames N2.0 Frame Dokument <FRAMESET></FRAMESET> Anstatt Body N2.0 Zeilen Höhen <FRAMESET ROWS=,,,></FRAMESET> Pixel oder % N2.0 Zeilen Höhen <FRAMESET ROWS=*></FRAMESET> * = relative Grösse N2.0 Spalten Breite <FRAMESET COLS=,,,></FRAMESET> Pixel oder % N2.0 Spalten Breite <FRAMESET COLS=*></FRAMESET> * = ralative Grösse N2.0 Frame Definieren <FRAME> N2.0 Dokument anzeigen <FRAME SRC="URL"> N2.0 Frame Name <FRAME NAME="***"|_blank|_self|_parent|_top> N2.0 Abstand Breite <FRAME MARGINWIDTH=?> linke und rechte Abstände N2.0 Abstand Höhe <FRAME MARGINHEIGHT=?> Ober und Unterabstand N2.0 Scrollbar? <FRAME SCROLLING="YES|NO|AUTO"> N2.0 Nicht vergrösserbar <FRAME NORESIZE> N2.0 Für Browser ohne Frames <NOFRAMES></NOFRAMES> |
was ist HTML ?
|
Da kannstes Nachlesen ;)
http://de.wikipedia.org/wiki/HTML |
|
Moin... ich hab da auf den Pages auch ma n bisl gelsen und wollt nun ma fragen, mit welchen Programmen ihr diese HTML-Quelltexte eingebet/herausbekommt?? wollt auch ma n bisl probieren ^^
Sollte am besten Freeware sein ;) |
|
Zitat:
Ich sach ma %systemroot%\notepad.exe :D |
Zitat:
Notepad ist natürlich völlig ausreichend. Zusätzlich kann man noch Phase 5 empfehlen. Es ist eine freeware Software. Wer etwas Geld übrig hat, der sollte sich Adobe GoLive ansehen. Das kann ich nur empfehlen! |
Golive ist extrem umständlich und produziert einige Sachen die nicht mit W3C zu vereinbaren sind, ähnliches gilt für Dreamweaver und von Frontpage mal ganz zu schweigen.
Man sollte sich angewöhnen erstmal HTML selbst scripten zu können, die Clicki-Buntie Tools die es gibt sind zwar ganz schön, aber bei Problemen steht man da und versteht es nicht. Ich hab lange Zeit meine Sachen mit notepad gemacht (unter Linux vim *G*), jetzt nutze ich zum CSS Stylen Firebug (ist genial wenn du Templates z.b. für Serendipity ausarbeitest) und für HTML/JavaScript/PHP das Zend Developer Paket weil dort alles drin ist was man braucht (Syntax Highlightning, tag/function auto-complete etc.) Also, lerne erst die Basics um schnell arbeiten zu können ;) bei Terrashop gibt es auch einige sehr billige und gute Bücher darüber |
Lord_Pinhead, da haste völlig Recht.
Zu empfehlen ist eine HTML referenz wie z.B. SELFHTML kann man kostenlos downloaden unter http://selfaktuell.teamone.de/extras/download.shtml beinhaltet u.a. HTML/XHTML CSS Style-Sheets XML/DTDs JavaScript/DOM Dynamisches HTML CGI/Perl PHP und einiges mehr. Ebenfals recht informativ aber ab nem gewissen zeitpunkt mit kosten verbunden http://www.drweb.de/ für PHP PHP3 PHP4 - Deutscher Knotenpunkt für PHP - Dynamic Web Pages: http://www.dynamic-webpages.de/ so, viel Spaß beim Sprachenlernen. |
Kann das Vorgehen nur bestätigen.
Angefangen mit html hab ich irgendwann mal in der 7. Klasse, aber auch mehr nach dem trial and error prinzip, einfach so lange rumprobiert bis es im Internet Explorer so angezeigt hat wie ichs gedacht hab. Aber dabei lernt man natürlich nicht wirklich was, und ob das nun alles dem Standard entspricht weiß man erstrecht nicht. Da ich zu dem Zeitpunkt aber nichtmal selbst n Anschluss hatte und auch keinen Verwendungszweck dafür hab ichs relativ schnell wieder gelassen. Danach kam dann erstmal Frontpage, als wir in der 8. Klasse die Homepage der Schule gestalten sollten. Ahnung hatte keiner von HTML, also wurde alles zusammengeklickt. Als es dann irgendwann später darum ging "richtige" Seiten zu bauen, hab ich die Sachen durch selfhtml & google gefunden, und es immer so lange durch den w3c Validator gejagt bis es gepasst hat. Erstmal alles rein in HTML gemacht, irgendwann dann noch CSS angeguckt. |
Also heute in der Berufsschule hat der Lehrer angefangen mit Homepage machen usw...
Weiß jetzt wie die Homepage aufgebaut ist (einfachste Details, wi zB <html> </html>, <body> </body>, <head> </head>, usw... Ich habe jetzt gerade mal so ein bisschen im Editor (notepad) rumgetippt und geschaut wie es sich im Browser verändert... Möchte jetzt aber ein paar Sachen wissen, wie zB kann man einen Tabstopp o.ä. einfügen, damit eine kleine Tabelle entsteht, ohne Tabellenstriche? Zitat:
MfG Manu16 |
JuHu genau passend geöffnet ;)
Naja ich glaube Zahl hat hier mit Abstand am meisten Ahnung :) |
Zitat:
Wenn ja welches genau, sind ja mehrer Codes?! |
War schon auf dich bezogen...
Aber so wirklich Ahnung hab ich nicht davon ;) Aber es macht mir halt spaß, inna Freizeit drann rumzubasteln ;) Frag mal Zahl der weiß das bestimmt ;) |
@Manu
Wie meinst du Tabstop? Sowas wie einen Einzug oder wie, das wäre dann Code:
<blockquote>Absatzvorlage Zitat</blockquote>Wenn du es aber testen willst: Code:
<html>Mit CSS kann man sich sogar die Tabelle sparen oder schön formatierte Menü´s erstellen nur mit Listenfelder. Kurz mal runtergeschrieben Code:
<html>ps. bevor die Frage kommt warum ich CSS fixiert bin: HTML einfach zu starr was Formatierungen angeht oder zu umständlich, wer mal ein bisschen mit rumspielt merkt wie cool das ist und muss sich nur noch wenig Gedanken machen ob die Webseite im IE oder Firefox gleich aussieht, weil CSS ist besser umgesetzt in den Browsern als HTML und erfordert weniger Arbeit. |
Ich will das so haben, wie geht des? Abstand zwischen den Wörtern ca. 5 cm:
Hallo...........Hallo...........Hallo..........Hallo (die Punkte zwischendrinne wegdenken) |
wenn ich mich recht entsinne...
hier das is mein erstes html projekt, hab ich auf eis gelegt ersma, erst schule fertig machen ;) http://web363.c5.ibone.ch/k3gfx/index.htm |
Soooo, hab meine "Page" eigentlich für den Anfang gut hinbekommen! *stolzaufmichsei*
Seit Dienstag weiß ich überhaupt was HTML wirklich ist, so weit bin ich bis jetzt gekommen! (siehe Bild) Das ist eine Page über meine Weltrekorde in Trackmania United (gefahrene offline Zeiten von mir, dann Replays hochgeladen auf TMX, bald kommen die Replays noch rein in die Page, aber erst wenn ich weiß wie es geht :D) Danke für eure Hilfe, wegen den Tabellen, usw.!!!!!! MfG Manu16 PS: Darf ich auf meiner Page den Smiley benutzen, den ich hier vom SP "geklaut" habe (den Smiley da: :welle:)??? Oder soll ich den wegmachen??? http://img71.imageshack.us/img71/308/pagexs8.th.jpg |
Meine nächste Frage, um meine Page weiter zu gespalten...
Wie mache ich einen schönen Hintergrund für die Page? Dieses komische gelb/orange sieht langweilig aus! Hätte gerne ein Bild oder so, oder wie kann man den Hintergrund Benutzerdefiniert gestalten, so wie zB hier beim SP der Hintergrund der Page...?! Danke MfG Manu16 |
1. Hintergrund auf einer einzelnen Seite.
<body background=http://www.adresse-des-bildes.jpg> 2. Unbeweglicher Hintergrund <body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed"> |
SuperHTML ist meiner Meinung nach der beste HTML Editor :that:
|
Also das mit dem Hintergrundbild funktioniert!
Brauche jetzt nurnoch ein Bild 1024 x 768 o.ä., sollte aber hell sein, keine Schrift drauf und keine Bilder, sondern einfach nur ein bisschen bunt durcheinander gemixte Farben, Problem: ich finde keinen, hat jemand so einen Hintergrund? Wenn ja bitte hier posten,wenn net, egal... dann such ich morgen weiter! Danke. MfG Manu16 |
Ich würde kein Bild als Hintergrund nehmen, schon gar nicht so wie Xela es schreibt (is nix gegen dich Xela ;) ).
1) ist die Seite dann NUR auf 1024 oder 1280 ansehbar, weil ja sonst der Rest vom Bild fehlt 2) machst du das Bild zu groß, also z.b. um die 100KB was nocht klein ist, dann braucht jemand sogar mit einer DSL Leitung ein Stück zum Laden und das kann nervig sein :( Es gäbe die möglichkeit ein Logo zu nehmen das sehr klein ist und das dann als Hintergrund einzubauen, sieht besser aus weil es auf jeder Auflösung klappt. Ich würde auch eher noch ein Header einfügen und ein halbtransparentes Logo einfügen, das kommt doch cooler ;) |
| Alle Zeitangaben in WEZ +2. Es ist jetzt 07:38:02 Uhr. |
Powered by vBulletin® Version 3.8.2 (Deutsch)
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Die Betreiber haften nicht für die Inhalte der User. Die Beiträge spiegeln ausschließlich persönliche Meinungen wider, und nicht die der Seitenbetreiber.