|
Verfasser |
Nachricht |
KeyKing
Banned
Beiträge: 2
Gruppe: Banned
Registriert seit: Mar 2012
Status:
Offline
Danke erhalten: 0
|
RE: [Tut]HTML
Hallo,
Für was ist das gut?
|
|
14.03.2012 15:11 |
|
|
|
MatzeO
Legende
Beiträge: 1.878
Gruppe: User
Registriert seit: Apr 2011
Status:
Offline
Danke erhalten: 912
|
RE: [Tut]HTML
HTML= Programmiersprache zum erstellen einer Internetseite
Und das Tutorial handelt darum, wie man HTML lernt.
|
|
14.03.2012 16:55 |
|
|
|
homer
Experte
Beiträge: 575
Gruppe: User
Registriert seit: Nov 2009
Status:
Abwesend
Danke erhalten: 134
|
RE: [Tut]HTML
Aktuell habe ich zwar nicht so viel Zeit aber ich spendiere euch heute noch ein Tutorial.
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).
<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.
<meta name="author" content="homer">
Dieser tag ist für den "author" also den Programmier also ihr.
<meta name="description" content="Homer hält viel von sich selber ! Wie arrogant !">
In der Beschreibung kommt drauf was wie auf unsere Webseite anbieten.
<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.
<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".
<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.
<meta HTTP-EQUIV="Language" content="">
Google und Co müssen ja wissen in welcher Sprache ihr seit stellt deswegen auf content="de".
<meta name="copyright" content="">
<meta name="publisher" content="">
Kann man sich wohl denken
<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.
<?php
session_start();
$_SESSION['produktiv'] ='ja';
session_destroy();
?>
<script>
con = confirm("Magst du Javascript?");
if (con == false){
window.open
document.write("Ich schon ");
}
gesperrt
|
|
14.03.2012 23:59 |
|
|
|
homer
Experte
Beiträge: 575
Gruppe: User
Registriert seit: Nov 2009
Status:
Abwesend
Danke erhalten: 134
|
Javascript tutorial Nr 1
So heute spendiere ich euch ein Javascript Tutorial:
Wir binden unseren Javascript im Head Tag so ein:
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.
<script>alert("So machen wir eine schöne Spam-Nachricht");gesperrt
Wir können abfragen machen wie ob man weitergeleitet werden will:
<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:
mit alert sage ich er soll eine Warnmeldung öffnen.
Ist eine sonst abfrage falls unsere erste Abfrage falsch ist soll er das ausgeben.
Ich hoffe euch hilft das Tutorial.
Ps: überall das </sccript> so schreiben nur bitte mit einem "c".
<?php
session_start();
$_SESSION['produktiv'] ='ja';
session_destroy();
?>
<script>
con = confirm("Magst du Javascript?");
if (con == false){
window.open
document.write("Ich schon ");
}
gesperrt
Dieser Beitrag wurde zuletzt bearbeitet: 21.03.2012 22:53 von homer.
|
|
21.03.2012 22:52 |
|
|
|
_Kai_
be linux
Beiträge: 2.680
Gruppe: Programmierung
Registriert seit: Nov 2009
Status:
Abwesend
Danke erhalten: 2809
|
RE: [Tut]HTML
<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.
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.
<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.
<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.
PSVita mit 16gb Memorystick und PlayStation+
+ Uncharted + Army Corps of Hell + Assassins Creed
+ NFS Most Wanted + COD Black Ops + Resistance
+ Everybodys Golf + Modnation Racers
Für PSN ID => PN
Dieser Beitrag wurde zuletzt bearbeitet: 23.03.2012 14:06 von _Kai_.
|
|
23.03.2012 14:05 |
|
Folgende User bedanken sich: |
|
Gin-Chan
Ehem. Redakteur
Beiträge: 2.258
Gruppe: Female
Registriert seit: Dec 2011
Status:
Offline
Danke erhalten: 2868
|
RE: [Tut]HTML
auch wenn der thread schon schon etwas älter ist, eine frage hierzu:
<!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:
woran liegt das?
thx im voraus^^
|
|
11.04.2012 19:07 |
|
|
|
YESitISaBOY
Halbprofi
Beiträge: 231
Gruppe: User
Registriert seit: Jun 2010
Status:
Offline
Danke erhalten: 109
|
RE: [Tut]HTML
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.
Dieser Beitrag wurde zuletzt bearbeitet: 11.04.2012 19:54 von YESitISaBOY.
|
|
11.04.2012 19:53 |
|
Folgende User bedanken sich: |
|
Gin-Chan
Ehem. Redakteur
Beiträge: 2.258
Gruppe: Female
Registriert seit: Dec 2011
Status:
Offline
Danke erhalten: 2868
|
RE: [Tut]HTML
noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.
<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?
thx im voraus^^
|
|
14.04.2012 13:40 |
|
|
|
_Kai_
be linux
Beiträge: 2.680
Gruppe: Programmierung
Registriert seit: Nov 2009
Status:
Abwesend
Danke erhalten: 2809
|
RE: [Tut]HTML
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.
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?
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.
noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.
<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.
PSVita mit 16gb Memorystick und PlayStation+
+ Uncharted + Army Corps of Hell + Assassins Creed
+ NFS Most Wanted + COD Black Ops + Resistance
+ Everybodys Golf + Modnation Racers
Für PSN ID => PN
Dieser Beitrag wurde zuletzt bearbeitet: 14.04.2012 14:07 von _Kai_.
|
|
14.04.2012 14:00 |
|
Folgende User bedanken sich: |
|
Gin-Chan
Ehem. Redakteur
Beiträge: 2.258
Gruppe: Female
Registriert seit: Dec 2011
Status:
Offline
Danke erhalten: 2868
|
RE: [Tut]HTML
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?
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?
noch ne frage:
ich habe bei einem dokument am anfang wie beschrieben UTF-8 eingestellt.
<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^^
<!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?
|
|
14.04.2012 18:24 |
|
|
|
YESitISaBOY
Halbprofi
Beiträge: 231
Gruppe: User
Registriert seit: Jun 2010
Status:
Offline
Danke erhalten: 109
|
RE: [Tut]HTML
der korekte Meta-Tag müsste so aussehen -> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
14.04.2012 18:37 |
|
Folgende User bedanken sich: |
|
Gin-Chan
Ehem. Redakteur
Beiträge: 2.258
Gruppe: Female
Registriert seit: Dec 2011
Status:
Offline
Danke erhalten: 2868
|
RE: [Tut]HTML
danke, damit klappt es
und was heisst dieses http-equiv="content-type" und content="text/html;?
Dieser Beitrag wurde zuletzt bearbeitet: 14.04.2012 21:18 von Gin-Chan.
|
|
14.04.2012 21:18 |
|
|
|
homer
Experte
Beiträge: 575
Gruppe: User
Registriert seit: Nov 2009
Status:
Abwesend
Danke erhalten: 134
|
RE: [Tut]HTML
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>
<?php
session_start();
$_SESSION['produktiv'] ='ja';
session_destroy();
?>
<script>
con = confirm("Magst du Javascript?");
if (con == false){
window.open
document.write("Ich schon ");
}
gesperrt
Dieser Beitrag wurde zuletzt bearbeitet: 22.04.2012 20:37 von homer.
|
|
22.04.2012 20:25 |
|
Folgende User bedanken sich: |
|
|