HTML: Unterschied zwischen den Versionen
Aus KAS-Wiki
| Zeile 9: | Zeile 9: | ||
Die einzellen Befehle nennt man Tags | Die einzellen Befehle nennt man Tags | ||
<hr> | <hr> | ||
| − | <b>E</b>in HTML-Dokument ist in diesen Teilen aufgebaut: | + | <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 | + | (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"> | + | * 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 20: | Zeile 20: | ||
* 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: |
<hr> | <hr> | ||
[[Quiz!!!]] | [[Quiz!!!]] | ||
| + | |||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | ||
| Zeile 40: | Zeile 41: | ||
<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: bold; color: limegreen;">Text mit Formatierungen</ 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 scr="name-des-bildes.jpg"> | <img scr="name-des-bildes.jpg"> | ||
Version vom 10. Dezember 2011, 17:41 Uhr
Hypertext Markup Language
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:
<!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>
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 scr="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. Quellenverzeichnis: </h2>[W3C]; [Wikipedia]
