KINGx - Das inoffizielle PlayStation Forum & News Portal
[Tut]HTML - Druckversion

+- KINGx - Das inoffizielle PlayStation Forum & News Portal (http://www.kingx.de/forum)
+-- Forum:    PS Vita / PSP (/forumdisplay.php?fid=1)
+--- Forum: Homebrew (/forumdisplay.php?fid=8)
+---- Forum: Development (/forumdisplay.php?fid=34)
+----- Forum: Dev-Tutorials (/forumdisplay.php?fid=59)
+----- Thema: [Tut]HTML (/showthread.php?tid=60463)


[Tut]HTML - homer - 11.03.2012 00:43

Liebe PSPKingler,
ich war lange nicht mehr Online und spendiere euch heute mal ein kleines Html Tutorial.
Falls sie euch gefallen kommen vielleicht noch ein paar CSS,PHP Tutorials dazu.

Tutorial Nr 1:
Spoiler: (anzeigen)
Tutorial Nr 2:
Spoiler: (anzeigen)
HTML Tutorial Nr.3:
Spoiler: (anzeigen)
HTML Tags:
Spoiler: (anzeigen)
Links:
Spoiler: (anzeigen)
Fehleranalyse:

Spoiler: (anzeigen)
HTML-Übersicht Tag(PDF)


RE: [Tut]HTML - duLouser - 11.03.2012 06:50

fast niemand ohne ordentliche html vorkenntnisse versteht den code, wenn du ihn einfach dahinschreibst und ein paar komentare hinzufügst. Du solltest den code am besten stück für stück erklären und am ende den gesamten code aufschreiben, aber da solltest du keine Kommentare reinpacken...


RE: [Tut]HTML - Gin-Chan - 11.03.2012 10:58

das tutorial ist viel zu kurz. alles was du geschrieben hast gehört zu den grund-grundkenntnissen, damit wird niemand was anfangen können Sad
ausserdem zu unübersichtlich, siehe duLouser...


RE: [Tut]HTML - gruschi - 11.03.2012 11:25

Wie meine Vorposter schon erwähnten: zeimlich sinnlos...
Wer wirklich keine Vorkenntnisse hat, aber seine eigene Homepage erstellen will sollte sich mal selfhtml.org ansehen! Wink
Dort wird wirklich alles von Grund auf erklärt.


RE: [Tut]HTML - homer - 11.03.2012 13:16

Ich bedanke mich für die Kritik es ist wahrscheinlich wirklich zu kurz ich kann aber auch nicht einen langen Code schreiben und dann von euch erwarten das ihr Lust habt den abzuschreiben.
Edit:Ich habe das Tutorial überarbeitet.
Mein nächtes Tutorial wird ausführlicher.
homer


RE: [Tut]HTML - duLouser - 11.03.2012 15:13

ja, sieht jetzt gut aus Smile


RE: [Tut]HTML - Italia-boy - 11.03.2012 15:20

Aber niemand sagt, das er den großen Screen in einen Spoiler packen soll ? Big Grin


RE: [Tut]HTML - Gin-Chan - 11.03.2012 15:40

jetzts siehts besser aus, kriegt ein danke Smile
hab im moment keine zeit das zu lesen, werds aber in zukunft mal tun.

Italia-boy :
Aber niemand sagt, das er den großen Screen in einen Spoiler packen soll ? Big Grin


allerdings sollte der große screenshot in einen spoiler Wink

gruschi :
Wie meine Vorposter schon erwähnten: zeimlich sinnlos...
Wer wirklich keine Vorkenntnisse hat, aber seine eigene Homepage erstellen will sollte sich mal selfhtml.org ansehen! Wink
Dort wird wirklich alles von Grund auf erklärt.


sehr freundlich, unter einem tutorial ein anderes zum gleichen thema zu verlinken und dann noch sinngemäß "hier das ist besser" zu schreiben. ok, der link findet sich auch im startpost, aber trotzdem...


RE: [Tut]HTML - greenieZ - 11.03.2012 16:58

Ich verwende als Programm zu Programmieren phase5 was ziemlich gut ist. Hat man schon alles dabei was man braucht. Auserdem wenn ich was brauche geh ich auf Selfhtml was mir schon oft geholfen hat.


RE: [Tut]HTML - Dodo - 11.03.2012 17:48

So ist das Tutorial besser. Big Grin
Vorher hat man nur den Code abschreiben können, jetzt hast du alles noch erklärt. Big Grin


RE: [Tut]HTML - MatzeO - 11.03.2012 20:40

Gutes TuT, würde mich freuen wenn du es noch etwas erweitern würdest.
Möchte nämlich unbedingt HTML lernen.

Und mal eine Frage:

Wie hast du HTML gelernt und war es einfach/hat es lange gedauert?

Liebe Grüße, MatzeO


RE: [Tut]HTML - king38 - 11.03.2012 21:48

Ich finde dein Tutorial ... naja..

Es ist ein Tutorial. Jedoch JEDER der etwas mit html zutun hat/hatte wird sich damit schon auskennen.

das ist ja "pipapo"... ich würde das ja noch nicht einmal Basiswissen nennen.

Ich hätte hier eher ein Tutorial gemacht über css + html.

naja.. es tut was es tun soll. Jedoch wird jeder der mal html gebraucht hat das alles schon wissen.

Ich gebe dir aber trotzdem ein DANKE.

Denn dein Tipp mit Firebug ist gut, Firebug kennen nicht soviele,doch die meisten wiederum schon Big Grin


RE: [Tut]HTML - homer - 11.03.2012 22:02

In dem heutigen Tutorial Nr 2 geht es um :

  • Formulare
  • Tabellen
  • Videos

Code:
<html>
<head>
<title>Html Tutorial Nr. 2</title>
</head>
<body>
<form action="" name="Formular" method="get">
  Dein PSP-King name: <input type="text" name="name" /><br />
  Wie alt bist du ?: <input type="text" name="alter" /><br />
  <input type="submit" value="Versenden" />
  </form>
  <table border="1">
  <tr>
    <td>Alexking</td>
    <td>PSPKING</td>
    <td>ICH :D</td>
  </tr>
  <p>Video:</p>
  <video src="http://video-js.zencoder.com/oceans-clip.mp4" width="320" height="240" autoplay="no" controls="controls">
    Dein Browser unterstützt den Video Tag nicht.
</video>
</body>
</html>

Erklärung:

Code:
<form action="" name="Formular" method="get">

Wir öffnen unser Formular mit dem <form> tag mit der Action geben wir unser Ziel aus.
Formulare kann man nicht mit Html auswerten deswegen habe ich mit php eine Seite erstellt.Die method gibt unsere Übertragungsmethode an die ist aber für PHP erst wichtig.

Code:
Dein PSP-King name: <input type="text" name="name" /><br />
  Wie alt bist du ?: <input type="text" name="alter" /><br />
  <input type="submit" value="Versenden" />

Mit den Input kann man buttons oder texte oder Passwörter übertragen.
Submit ist für versenden da und mit Value geben wir dem Button einen Namen.

Code:
<table border="1">
  <tr>
    <td>Alexking</td>
    <td>PSPKING</td>
    <td>ICH :D</td>
  </tr>

Mit <table> öffnen wir unsere Tabelle und mit border können wir uns eine schöne Umrandung machen, ich bevorzuge CSS für sowas.
Mit <td> schreiben wir die einzelnen Zeilen unserer Tabelle.

Code:
<video src="http://video-js.zencoder.com/oceans-clip.mp4" width="320" height="240" autoplay="no" controls="controls">
    Dein Browser unterstützt den Video Tag nicht.
</video>

Mit dem <video> tag können wir mit src="" das Video laden und mit width und height die höhe und breite angeben.
Mit controls können wir einstellen ob das Video Play/Pause haben soll.

Im nächsten Tutorial stelle ich ein bisschen CSS vor. Rolleyes


RE: [Tut]HTML - MatzeO - 11.03.2012 22:33

Dein PM-Fach ist voll Wink


Die PM die ich senden wollte:

Meine PM (anzeigen)



RE: [Tut]HTML - homer - 11.03.2012 22:38

MatzeO :
Dein PM-Fach ist voll Wink


Die PM die ich senden wollte:


Hi!
Ich könnte wirklich etwas Hilfe gebrauchen.
Und zwar wollte ich mal fragen, ob du eine Liste mit den wichtigsten "Befehlen"(Hintergrund,Bilder einbinden, Text schreiben etc.) in dein TuT packen könntest.
Am besten als eine PDF Datei auch noch zum Downloaden.
Das wäre sehr hilfreich für mich und sicherlich auch viele andere.
Würde mich sehr freuen, wenn du dies tun könntest.

Liebe Grüße, MatzeO

Klar ich habe insgesamt 2.258 PN'S.
Ich habe nur keine Lust alle zu löschen.
Ich werde diese Liste machen.


RE: [Tut]HTML - MatzeO - 11.03.2012 22:41

Danke, finde ich echt nett von dir Smile


HTML Tag liste - homer - 11.03.2012 22:55

So hier ne Liste der HTML Tags die häufig bei mir genutzt werden:
  • <img src="" alt="" width="" height=""> Bild
  • Hintergrundfarbe zu ändern brauch man CSS: (background-color:#00A388)
  • <title></title>Titel der Webseite
  • <video src="" width="" height="" autoplay="no" controls="controls"> Video einbindung
  • <meta charset="UTF-8" /> Deutsche Umlaute
  • <h1 />,<h2/>,<h3 />,<h5 />,<h6 /> Überschriften
  • <a href="http://pspking.de">pspking</a> Links.
  • <br /> englisch = break zeilen Umbruch
  • <p /> paragraph
  • <div id=""> CSS wichtig
  • Elemente Classe class="class" auch für CSS wichtig
Es werden noch mehr dazu kommen.


RE: [Tut]HTML - Gin-Chan - 11.03.2012 23:24

na also, jetzt wirds langsam wirklich hilfreich. schön dass du dich nicht hast entmutigen lassen und bereit bist, noch an deinem tutorial zu arbeiten Smile
ich würde dir noch empfehlen alle neuen abschnitte auch nochmal in den startpost zu kopieren und dann alles in ein paar spoiler mit überschriften zu packen. so wirds übersichtlicher Wink

edit: hab mal für "hilfreich" gestimmt =)


RE: [Tut]HTML - homer - 11.03.2012 23:35

Gin-San :
na also, jetzt wirds langsam wirklich hilfreich. schön dass du dich nicht hast entmutigen lassen und bereit bist, noch an deinem tutorial zu arbeiten Smile
ich würde dir noch empfehlen alle neuen abschnitte auch nochmal in den startpost zu kopieren und dann alles in ein paar spoiler mit überschriften zu packen. so wirds übersichtlicher Wink

edit: hab mal für "hilfreich" gestimmt =)


Danke habe deinen Vorschlag aufgenommen umgesetzt ich freue mich über Kritik ob Lob oder nicht.


RE: [Tut]HTML - Gin-Chan - 11.03.2012 23:39

was mir noch aufgefallen ist:
- gehen die umlaute nicht auch mit "&uuml" bzw. "&auml" und "&ouml" ?
- der erste und der vierte punkt bei der letzten liste sind gleich Smile


RE: [Tut]HTML - vista200 - 11.03.2012 23:51

Gin-San :
- gehen die umlaute nicht auch mit "&uuml" bzw. "&auml" und "&ouml" ?


In Zeiten von UTF-8 und anderen Zeichencodierungen ist das nicht mehr nötig. Warum, wieso und weshalb? Keine Ahnung, ich habe aufgegeben es zu versuchen zu verstehen Big Grin


RE: [Tut]HTML - homer - 11.03.2012 23:54

Gin-San :
was mir noch aufgefallen ist:
- gehen die umlaute nicht auch mit "&uuml" bzw. "&auml" und "&ouml" ?
- der erste und der vierte punkt bei der letzten liste sind gleich Smile


Die Umlaute gehen auch so wie von dir geschrieben aber willst du die ganze Zeit jeden Umlaut so schreiben so ist viel Komfortabler.
Nebenbei habe ich es jetzt ein bisschen Übersichtlicher gemacht.
Edit:gesehen das "wurzelbums" schon die Antwort gegeben hat.


RE: [Tut]HTML - Gin-Chan - 12.03.2012 00:00

danke an beide für die erläuterung Smile
noch ne frage muss man den tag "<meta charset="UTF-8" />" dann nur einmal am anfang hinschreiben oder wo gehört der hin?

der startpost sieht jetzt sehr gut aus Big Grin


RE: [Tut]HTML - homer - 12.03.2012 00:04

Gin-San :
danke an beide für die erläuterung Smile
noch ne frage muss man den tag "<meta charset="UTF-8" />" dann nur einmal am anfang hinschreiben oder wo gehört der hin?

der startpost sieht jetzt sehr gut aus Big Grin


Im <head> Bereich packe ich es immer hin damit auch unser Titel Umlaute haben kann.


RE: [Tut]HTML - MatzeO - 12.03.2012 07:45

Wie kann ich einen Text in einer bestimmten Farbe schreiben?
Also ich benötige den Befehl um frei schreiben zu können und wie man die Farbe ändern kann.

EDIT: Habs nun selbst herausgefunden:

Schreiben: Kann man einfach so, einfach in einer Zeile mit <p>TEXT HIER</p>
Farbig schreiben: <font color="FARBE HIER"> TEXT HIER </font>
Hintergrundbild (Wiederholt immer eine Kachel): <body Background="LINK ZUM BILD"</body>


RE: [Tut]HTML - homer - 12.03.2012 11:12

MatzeO :
Wie kann ich einen Text in einer bestimmten Farbe schreiben?
Also ich benötige den Befehl um frei schreiben zu können und wie man die Farbe ändern kann.

EDIT: Habs nun selbst herausgefunden:

Schreiben: Kann man einfach so, einfach in einer Zeile mit <p>TEXT HIER</p>
Farbig schreiben: <font color="FARBE HIER"> TEXT HIER </font>
Hintergrundbild (Wiederholt immer eine Kachel): <body Background="LINK ZUM BILD"</body>


Das ganze Design macht man in CSS geht zwar auch in html aber auch wieder komfortabler.


RE: [Tut]HTML - Gin-Chan - 12.03.2012 15:32

mal ne dumme frage, was ist denn eigentlich css? Tongue
kannst du dazu auch mal nen paar grundbegriffe erklären?
wär super Smile

noch ne frage in den anleitungen stehen die begriffe hinter dem = immer in anführungszeichen (also z.b. color="red" size="2"), bei mir geht das auch ohne die anführungszeichen, warum macht man das also?


RE: [Tut]HTML - homer - 12.03.2012 17:33

Gin-San :
mal ne dumme frage, was ist denn eigentlich css? Tongue
kannst du dazu auch mal nen paar grundbegriffe erklären?
wär super Smile

noch ne frage in den anleitungen stehen die begriffe hinter dem = immer in anführungszeichen (also z.b. color="red" size="2"), bei mir geht das auch ohne die anführungszeichen, warum macht man das also?

CSS = Cascading Style Sheets
Eine Datei worin wir unser Design definieren.

Code:
<link rel="stylesheet" type="text/css" href="style.css">




RE: [Tut]HTML - _Kai_ - 12.03.2012 17:58

Gin-San :
mal ne dumme frage, was ist denn eigentlich css? Tongue


http://www.pspking.de/forum/showthread.php?tid=34370


HTML Tutorial Nr.3 - homer - 13.03.2012 15:10

HTML Tutorial Nr.3
In dem heutigen Tutorial geht es um CSS:
Also wir machen uns eine Datei namens index.html mit folgendem Code:

Code:
<html>
<head>
  <title>HTML Tutorial Nr.3</title>
  <link rel="stylesheet" href="style.css" />
  </head>
  <div id="content">
  <img src="http://www.pspking.de/forum/images/forum.gif"  alt="PSPKING" class="bild">
<p class="text">  PSPKING das Forum</p>
  </div>
</html>

Und eine 2 Datei namens style.css:

Code:
#content{
background-color:#000000;
width:1000px;
height:1000px;
color:#fff;
}
.bild{
width:100%;
height:100%;
}
.text{
color:red;
}

So was uns ausfällt wir haben jetzt einen div tag und ein class Element wir können jedem tag eine class geben aber den div tag nicht.
Div werden mit "#" in css benutzt:

Code:
#content{}

Und classen eben mit ".":

Code:
.text{}

Mit "color" können wir eine Textfarbe bestimmen.
Und der Rest meines Codes ist eigentlich selbst erklärend bei Fragen schreibe ich das Tutorial aus.
Links:




RE: [Tut]HTML - KeyKing - 14.03.2012 15:11

Hallo,

Für was ist das gut?


RE: [Tut]HTML - MatzeO - 14.03.2012 16:55

HTML= Programmiersprache zum erstellen einer Internetseite
Und das Tutorial handelt darum, wie man HTML lernt.


RE: [Tut]HTML - homer - 14.03.2012 23:59

Aktuell habe ich zwar nicht so viel Zeit aber ich spendiere euch heute noch ein Tutorial. Big Grin

So heute beschäftigen wir uns rein mit den Meta Tags die sind dafür wichtig das Google und andere Suchmaschinen euere Webseiten besser finden.

Wir erstellen eine Datei namens index.html(könnt ihr so nennen wir ihr wollt solange ihr das".html" lässt).

Code:
<html>
<head>
  <meta name="author" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="robots" content="" />
  <meta HTTP-EQUIV="PRAGMA" content="no-cache">
  <meta HTTP-EQUIV="Language" content="">
  <meta name="copyright" content="">
  <meta name="publisher" content="">
  <meta name="audience" content="">
</head>
</html>

Die Meta tags kommen immer in den "<head>" tag.

Code:
<meta name="author" content="homer">

Dieser tag ist für den "author" also den Programmier also ihr.

Code:
<meta name="description" content="Homer hält viel von sich selber ! Wie arrogant !">

In der Beschreibung kommt drauf was wie auf unsere Webseite anbieten.

Code:
<meta name="keywords" content="html,php,css,usw">

Die "keywords" Schlüsselwörter sind für die Suchtags bei Google in meinem Fall html,php,css,usw.

Code:
<meta name="robots" content="" />

Es gibt zwei Varianten die eine wenn man einen eignen Server(VServer) besitzt kann man eine sogenannten robots.txt erstellen.
Wenn dies aber nicht der Fall ist kann man dies eben mit diesem Tag machen. Wenn wir in content="noindex" schreiben sagen wir Google und Co es soll diese Seite(index.html) auslassen.Mit content="index" sagen wir Google und Co "Grünes Licht".


Code:
<meta HTTP-EQUIV="PRAGMA" content="no-cache">

Falls Besucher mit einem Proxy-server unterwegs sind macht der tag das sie die aktuellste Version der Seite laden.

Code:
<meta HTTP-EQUIV="Language" content="">

Google und Co müssen ja wissen in welcher Sprache ihr seit stellt deswegen auf content="de".

Code:
<meta name="copyright" content="">
  <meta name="publisher" content="">

Kann man sich wohl denken Big Grin

Code:
<meta name="audience" content="">

Zu diesem Tag weiß ich nicht ganz genau ob Google und Co. darauf achten ich benutze ihn aber trotzdem gerne.
Mit ihm kann man Interessengruppen bestimmen zb: content="psp-nutzer,psp gamer,gamer,usw".

Ich hoffe diese Tutorial war nützlich und beim nächsten Tutorial habe ich mir gedacht macht ihr mir einen Vorschlag über welchen Tag oder welches Thema in Html oder Css ich schreiben soll und ich mache das dann.


Javascript tutorial Nr 1 - homer - 21.03.2012 22:52

So heute spendiere ich euch ein Javascript Tutorial:
Wir binden unseren Javascript im Head Tag so ein:

Code:
<script>gesperrt

Mit Javascript kann man die verschiedensten sachen machen.
Zb den User mit Warnungsmeldungen zu spammen was man nicht machen sollten aber wir heute spaßeshalber machen.

Code:
<script>alert("So machen wir eine schöne Spam-Nachricht");gesperrt

Wir können abfragen machen wie ob man weitergeleitet werden will:

Code:
<script>abfrage =confirm("Bist du schlau oder nicht ?");
if(abfrage == true){
window.open
alert("Endlich mal ein richtiger Programmierer !");
}
else {
window.open
alert("Bist du zu den richtigen Button zudrücken ?");
}
gesperrt

In diesem Fall habe ich eine ganze einfache Abfrage gemacht.
Mit if teste ich ob der User ja gedrückt hat mit:

Code:
if(abfrage == true)

mit alert sage ich er soll eine Warnmeldung öffnen.

Code:
else

Ist eine sonst abfrage falls unsere erste Abfrage falsch ist soll er das ausgeben.
Ich hoffe euch hilft das Tutorial. Big Grin
Ps: überall das </sccript> so schreiben nur bitte mit einem "c".


RE: [Tut]HTML - _Kai_ - 23.03.2012 14:05

homer :

Code:
<meta name="robots" content="" />

Es gibt zwei Varianten die eine wenn man einen eignen Server(VServer) besitzt kann man eine sogenannten robots.txt erstellen.


Wieso sollte man einen eigenen Server/vServer besitzen müssen, um eine robots.txt anlegen zu können ? Es geht alleine darum, dass die Datei über das Stammverzeichnis der Domain erreichbar ist. Das geht natürlich auch bei einem einfachen Webspace mit FTP Zugang, solange ein Domainname einen DNS A bzw. AAAA Eintrag mit der Server IP besitzt, und dort als ServerName bzw. ServerAlias im vHost eingetragen ist.

homer :
Wenn dies aber nicht der Fall ist kann man dies eben mit diesem Tag machen. Wenn wir in content="noindex" schreiben sagen wir Google und Co es soll diese Seite(index.html) auslassen.Mit content="index" sagen wir Google und Co "Grünes Licht".


Der Hauptunterschied liegt darin, dass der meta tag nur für eine einzelne Seite gültig ist. Mit der robots.txt hingegen lässt sich hostweit festlegen, auf welche Dateien und Verzeichnisse zugegriffen werden darf.

homer :

Code:
<meta HTTP-EQUIV="PRAGMA" content="no-cache">

Falls Besucher mit einem Proxy-server unterwegs sind macht der tag das sie die aktuellste Version der Seite laden.


Besser gesagt wird ProxyServern damit klar gemacht, dass sie die Seite nicht im Cache speichern brauchen.

homer :

Code:
<meta name="audience" content="">

Zu diesem Tag weiß ich nicht ganz genau ob Google und Co. darauf achten ich benutze ihn aber trotzdem gerne.
Mit ihm kann man Interessengruppen bestimmen zb: content="psp-nutzer,psp gamer,gamer,usw".


Hat soweit ich weiß keinen bzw. kaum Einfluss auf die Positionierung in Google.


RE: [Tut]HTML - Gin-Chan - 11.04.2012 19:07

auch wenn der thread schon schon etwas älter ist, eine frage hierzu:

homer :
<!DOCTYPE HTML>

Dies ist sagt jedem Dokument und Browser das dies eine Html Datei ist.


kannst du nochmal genauer erklären, wozu das gut ist?
weil da steht doch eh am anfang der html tag, wozu dann noch das?

hab mal den code aus deinen tutorial nr.1 in eine html datei kopiert, wenn ich dieses "<!DOCTYPE HTML>" weglasse, wird das pspking banner zwar halb so breit, aber genauso lang wie im original angezeigt.
so sieht das aus:

screenshot (anzeigen)
woran liegt das?
thx im voraus^^


RE: [Tut]HTML - YESitISaBOY - 11.04.2012 19:53

der Doctype gibt nicht nur darüber auskunft das es sich um eine HTML-Datei handelt, sondern welche HTML-Version benutzt wird. HTML 5 wird z.b. mit diesem sehr einfachen Doctype deklariert. PSPKing ist z.b. mit XHTML 1.0 Transitional ausgezeichnet da sieht der Doctype so aus -> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Wenn du den Doctype weg lässt kommt es meistens zu Darstellungsfehlern, weil der Browser nicht genau weiß wie er die Seite darstellen soll.


RE: [Tut]HTML - Gin-Chan - 14.04.2012 13:40

noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.

homer :

Code:
<meta charset="UTF-8" />
     <meta name="author" content="homer">
     <meta name="description" content="homer Programmier und Webentwickler.">
     <meta name="keywords" content="HTML, PHP,CSS, Programmierung">

aber wenn ich umlaute eintippe, kommen da trotzdem nur ?-symbole. woran liegt das?

achja nochwas dazu, im ersten meta-tag steht am ende ein slash, in den anderen nicht. ist das ein fehler oder muss das so sein? Tongue

thx im voraus^^


RE: [Tut]HTML - _Kai_ - 14.04.2012 14:00

YESitISaBOY :
der Doctype gibt nicht nur darüber auskunft das es sich um eine HTML-Datei handelt, sondern welche HTML-Version benutzt wird. HTML 5 wird z.b. mit diesem sehr einfachen Doctype deklariert. PSPKing ist z.b. mit XHTML 1.0 Transitional ausgezeichnet da sieht der Doctype so aus -> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


So ist es. Und "<!DOCTYPE HTML>" deklariert den Doctype von HTML5. HTML5 basiert im Gegensatz zu HTML 4.01 nicht mehr auf SGML und benötigt kein DTD Attribut im Doctype.

Gin-San :
achja nochwas dazu, im ersten meta-tag steht am ende ein slash, in den anderen nicht. ist das ein fehler oder muss das so sein? Tongue


Wenn Tags keinen Inhalt, also keinen End-Tag haben, werden sie mit /> geschlossen.

Beispiel:
<a href="#">test</a> - Tag wird normal beendet.
<br /> - Tag hat keinen Inhalt und wird mit /> beendet.

Gin-San :
noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.

homer :

Code:
<meta charset="UTF-8" />
     <meta name="author" content="homer">
     <meta name="description" content="homer Programmier und Webentwickler.">
     <meta name="keywords" content="HTML, PHP,CSS, Programmierung">

aber wenn ich umlaute eintippe, kommen da trotzdem nur ?-symbole. woran liegt das?


Zeig mal dein komplettes Dokument.


RE: [Tut]HTML - Gin-Chan - 14.04.2012 18:24

PSP-Hilfe :

Gin-San :
achja nochwas dazu, im ersten meta-tag steht am ende ein slash, in den anderen nicht. ist das ein fehler oder muss das so sein? Tongue


Wenn Tags keinen Inhalt, also keinen End-Tag haben, werden sie mit /> geschlossen.

Beispiel:
<a href="#">test</a> - Tag wird normal beendet.
<br /> - Tag hat keinen Inhalt und wird mit /> beendet.


also ist es im tutorial falsch?

PSP-Hilfe :

Gin-San :
noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.

homer :

Code:
<meta charset="UTF-8" />
     <meta name="author" content="homer">
     <meta name="description" content="homer Programmier und Webentwickler.">
     <meta name="keywords" content="HTML, PHP,CSS, Programmierung">

aber wenn ich umlaute eintippe, kommen da trotzdem nur ?-symbole. woran liegt das?


Zeig mal dein komplettes Dokument.


so sieht es aus (hab alles überflüssige rausgenommen). frage nicht nach dem sinn davon, war nur zum ausprobieren gedacht^^

Code:
<!Doctype HTML>
<html>
<head>
<title>hallo</title>
<meta charset="UTF-8"/>
     <meta name="author" content="Gin-San" />
</head>
<body bgcolor="blue">
<h1><a name="Seitenanfang">Test</a></h1>
<font size=+5 color=red>hello world</font>
<br>
<p>
<table border=3>
  <colgroup width=150 span=3></colgroup>
   <tr>
    <td>ä</td>
    <td>ü</td>
    <td>ß</td>
   </tr>
</table>
</p>
<p><a href="#Seitenanfang" title="Zum Seitenanfang"><font="red">Seitenanfang</font></a></p>
</body>
</html>

und die umlaute werden halt nicht angezeigt... :?

achja noch was, der link zum seitenanfang wird bei mir nicht rot dargestellt, sondern wie ein normaler hyperlink (also blau, was bei dem blauen hintergrund natürlich suboptimal ist^^
woran liegt das bzw. wie krieg ich das eingefärbt?


RE: [Tut]HTML - YESitISaBOY - 14.04.2012 18:37

der korekte Meta-Tag müsste so aussehen -> <meta http-equiv="content-type" content="text/html; charset=UTF-8">


RE: [Tut]HTML - Gin-Chan - 14.04.2012 21:18

danke, damit klappt es Smile
und was heisst dieses http-equiv="content-type" und content="text/html;?


RE: [Tut]HTML - homer - 22.04.2012 20:25

Ich benutze meistens weil ich in php schreibe die Header() funktion deswegen stimmt was nicht mit dem Meta tag werde ich aber jetzt verbessern.
Nebenbei warum dein link nicht rot ist.
Du musst einfach nur in css color benutzen:
<p><a href="#Seitenanfang" title="Zum Seitenanfang" style="color:red;">Seitenanfang</a></p>