HTML: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „<h1 style="font-family: cottonwood, fantasy; font-size: 50pt; font-weight: bold; color: darkorange;"><center>Hypertext Markup Language</center></h1> <center>[[Dat…“) |
|||
| Zeile 49: | Zeile 49: | ||
<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>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]] | ||
Version vom 24. November 2011, 00:04 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.).
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 enzellen 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 dan 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 Tag <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>
< 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 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: [W3C]; [Wikipedia]
