HTML: Unterschied zwischen den Versionen
Aus KAS-Wiki
| (18 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
<hr> | <hr> | ||
<h2 style="font-family: cottonwood, fantasy; font-size: 14pt; font-weight: thin; color: darkred;"> | <h2 style="font-family: cottonwood, fantasy; font-size: 14pt; font-weight: thin; color: darkred;"> | ||
| − | < | + | |
| + | '''<u>HTML:</u>''' | ||
| + | |||
| + | |||
| + | HTML, wird als Hypertext bezeichnet, ist eine textbasierte Sprache zum erstellen von Dokumenten ,die man mit .htm oder .html abspeichert. Diese Dokumente sind die Grundlage des World Wide Web und werden von dem Browser (Mozilla Firefox; Internet Explorer; Netscape u.s.w.)dargestellt. | ||
Die Sprache wird vom [http://www.w3.org/[World Wide Web Consortium]] (W3C) weiterentwickelt. Die aktuellste HTML Version ist HTML<sub>4.01.</sub> .HTML<sub>5</sub> befindet sich in der Entwicklung, wird doch meistens schon unterstützt. | Die Sprache wird vom [http://www.w3.org/[World Wide Web Consortium]] (W3C) weiterentwickelt. Die aktuellste HTML Version ist HTML<sub>4.01.</sub> .HTML<sub>5</sub> befindet sich in der Entwicklung, wird doch meistens schon unterstützt. | ||
| − | Die | + | |
| + | Die einzellen Befehle nennt man Tags | ||
<hr> | <hr> | ||
| − | <b>E</b>in HTML-Dokument ist in diesen Teilen aufgebaut: | + | |
| − | (ihr könnt das alles in einem ganz normalen Texteditor schreiben den ihr unter Windows unter suchen und | + | |
| − | * Zuerst schreibt man in welcher Sprache man schreibt: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | + | <hr> |
| + | |||
| + | <b>E</b>in HTML-Dokument ist in diesen Teilen aufgebaut: | ||
| + | (ihr könnt das alles in einem ganz normalen Texteditor schreiben den ihr unter Windows unter suchen und dann Zubehör eingebt findet) | ||
| + | * Zuerst schreibt man in welcher Sprache man schreibt: <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01//EN"> | ||
* Dann eröffnet man das HTML-Dokument mit <html> | * Dann eröffnet man das HTML-Dokument mit <html> | ||
* Dann schreibt man <head> für den Kopf des Dokuments | * Dann schreibt man <head> für den Kopf des Dokuments | ||
| − | * Dann den <head> Tag schreibt man den Titel der Website mit diesem | + | * Dann den <head> Tag schreibt man den Titel der Website mit diesem <title>Hier kommt der Titel den ihr wählt</title> |
* Dann schließt man den <head> Tag mit </head> | * Dann schließt man den <head> Tag mit </head> | ||
* Nun eröffnet man den Körper des HTML-Dokuments mit <body> | * Nun eröffnet man den Körper des HTML-Dokuments mit <body> | ||
| Zeile 19: | Zeile 28: | ||
* Ihr könnt nun schreiben was ihr wollt inerhalb dieses Tags < p > Hier kommt der Text hin den ihr schreiben wollt </ p> | * Ihr könnt nun schreiben was ihr wollt inerhalb dieses Tags < p > Hier kommt der Text hin den ihr schreiben wollt </ p> | ||
(diesen Tag könnt ihr übrigens so oft wie wollt benutzen um Texte darzustellen) | (diesen Tag könnt ihr übrigens so oft wie wollt benutzen um Texte darzustellen) | ||
| − | * Jetzt ein formatierter Text < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font-size: 16pt; font-weight: bold; color: limegreen;">Text mit Formatierungen</ p> | + | * Jetzt ein formatierter Text < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font- size: 16pt; font-weight: bold; color: limegreen;">Text mit Formatierungen</ p> |
* Ein Bild fügt ihr so ein <img scr="name-des-bildes.jpg"> | * Ein Bild fügt ihr so ein <img scr="name-des-bildes.jpg"> | ||
* Jetzt müsst ihr nartürlich den <body> Tag wieder schließen das macht ihr so </body> | * Jetzt müsst ihr nartürlich den <body> Tag wieder schließen das macht ihr so </body> | ||
| − | * Jetzt schließt ihr noch den <html> Tag mit </html> und eurer HTML-Dokument ist fertig hier noch einmal alles zusammen gefasst: | + | * Jetzt schließt ihr noch den <html> Tag mit </html> und eurer HTML-Dokument ist fertig hier noch einmal alles zusammen gefasst: |
| + | |||
| + | [[Image:Text-html.svg | 150px]] | ||
| + | |||
| + | '''<u>Entstehung:</u>''' | ||
| + | |||
| + | Es war nicht möglich vor der entwicklung des World wide Web und dessen bestandteilen zu denen auch HTML gehört, Informationen auf digitalem Weg einfach, schnell und strukturiert zwischen mehreren Personen auszutauschen. Man benötigte neben Übertragungsprotokollen auch eine einfach zu verstehende Textauszeichnungssprache. Genau hier lag der Ansatzpunkt von HTML. Um Forschungsergebnisse mit anderen Mitarbeitern der Europäischen Organisation für Kernforschung (CERN) zu teilen und von den beiden Standorten in Frankreich und in der Schweiz aus zugänglich zu machen, entstand 1989 am CERN ein Projekt, welches sich mit der Lösung dieser Aufgabe beschäftigte. Die erste HTML-spefikation entstand am 3 November 1992. | ||
| + | |||
<hr> | <hr> | ||
| + | [[Quiz!!!]] | ||
| + | <pre> | ||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | ||
| Zeile 38: | Zeile 56: | ||
<h 1>Überschrift</h 1> | <h 1>Überschrift</h 1> | ||
| − | < p > Hier kommt der Text hin den ihr schreiben wollt </ p> | + | <p > Hier kommt der Text hin den ihr schreiben wollt </ p> |
| − | < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font-size: 16pt; font-weight: | + | < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font-size: 16pt; font-weight: |
| − | <img | + | bold; color: limegreen;">Text mit Formatierungen</ p> |
| + | |||
| + | <img src="name-des-bildes.jpg"> | ||
</body> | </body> | ||
</html> | </html> | ||
| + | </pre> | ||
| + | |||
| + | |||
| + | |||
| + | <b>Wenn ihr das Dokument nun mit .html (also ihr benennt es und dahinter kommt .html) abschspeichert und dann einen rechten Mausklick auf das Dokument macht und dann auf öffnen mit | ||
| + | und dann seinen Browser auswählt dann erhält man sein Ergebniss.</b> | ||
| − | |||
<b> Quellenverzeichnis:</b> </h2>[http://www.w3.org/standards/webdesign/htmlcss[W3C]]; [http://de.wikipedia.org/wiki/HTML[Wikipedia]] | <b> Quellenverzeichnis:</b> </h2>[http://www.w3.org/standards/webdesign/htmlcss[W3C]]; [http://de.wikipedia.org/wiki/HTML[Wikipedia]] | ||
Aktuelle Version vom 19. November 2013, 08:39 Uhr
Hypertext Markup Language
HTML:
HTML, wird als Hypertext bezeichnet, ist eine textbasierte Sprache zum erstellen von Dokumenten ,die man mit .htm oder .html abspeichert. Diese Dokumente sind die Grundlage des World Wide Web und werden von dem Browser (Mozilla Firefox; Internet Explorer; Netscape u.s.w.)dargestellt.
Die Sprache wird vom [World Wide Web Consortium] (W3C) weiterentwickelt. Die aktuellste HTML Version ist HTML4.01. .HTML5 befindet sich in der Entwicklung, wird doch meistens schon unterstützt.
Die einzellen Befehle nennt man Tags
Ein HTML-Dokument ist in diesen Teilen aufgebaut: (ihr könnt das alles in einem ganz normalen Texteditor schreiben den ihr unter Windows unter suchen und dann Zubehör eingebt findet)
- Zuerst schreibt man in welcher Sprache man schreibt: <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01//EN">
- Dann eröffnet man das HTML-Dokument mit <html>
- Dann schreibt man <head> für den Kopf des Dokuments
- Dann den <head> Tag schreibt man den Titel der Website mit diesem <title>Hier kommt der Titel den ihr wählt</title>
- Dann schließt man den <head> Tag mit </head>
- Nun eröffnet man den Körper des HTML-Dokuments mit <body>
- Jetzt macht man am besten eine Überschrift das geht so <h 1>Überschrift</h 1>
- Ihr könnt nun schreiben was ihr wollt inerhalb dieses Tags < p > Hier kommt der Text hin den ihr schreiben wollt </ p>
(diesen Tag könnt ihr übrigens so oft wie wollt benutzen um Texte darzustellen)
- Jetzt ein formatierter Text < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font- size: 16pt; font-weight: bold; color: limegreen;">Text mit Formatierungen</ p>
- Ein Bild fügt ihr so ein <img scr="name-des-bildes.jpg">
- Jetzt müsst ihr nartürlich den <body> Tag wieder schließen das macht ihr so </body>
- Jetzt schließt ihr noch den <html> Tag mit </html> und eurer HTML-Dokument ist fertig hier noch einmal alles zusammen gefasst:
Entstehung:
Es war nicht möglich vor der entwicklung des World wide Web und dessen bestandteilen zu denen auch HTML gehört, Informationen auf digitalem Weg einfach, schnell und strukturiert zwischen mehreren Personen auszutauschen. Man benötigte neben Übertragungsprotokollen auch eine einfach zu verstehende Textauszeichnungssprache. Genau hier lag der Ansatzpunkt von HTML. Um Forschungsergebnisse mit anderen Mitarbeitern der Europäischen Organisation für Kernforschung (CERN) zu teilen und von den beiden Standorten in Frankreich und in der Schweiz aus zugänglich zu machen, entstand 1989 am CERN ein Projekt, welches sich mit der Lösung dieser Aufgabe beschäftigte. Die erste HTML-spefikation entstand am 3 November 1992.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Hier kommt der Titel den ihr wählt</title> </head> <body> <h 1>Überschrift</h 1> <p > Hier kommt der Text hin den ihr schreiben wollt </ p> < p style="font-face: Hier kommt die Schriftart hin (z.B.: courir);font-size: 16pt; font-weight: bold; color: limegreen;">Text mit Formatierungen</ p> <img src="name-des-bildes.jpg"> </body> </html>
Wenn ihr das Dokument nun mit .html (also ihr benennt es und dahinter kommt .html) abschspeichert und dann einen rechten Mausklick auf das Dokument macht und dann auf öffnen mit und dann seinen Browser auswählt dann erhält man sein Ergebniss.
