HTML

Aus KAS-Wiki
Wechseln zu: Navigation, Suche

Hypertext Markup Language

HTML.svg

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

{{#slideshare:prsentationhtml-120120100104-phpapp01}}


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:

Text-html.svg



Quiz!!!

<!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.


Quellenverzeichnis:

[W3C]; [Wikipedia]