Zur Startseite wechseln

Impressum  |  Datenschutz  |  Kontakt
HTML




Der Inhalt ist erst nach dem Einloggen sichtbar


Aktuell geöffnete Datei: 'Introduction'

Zum Wechseln des Themas einfach ein neues Thema eingeben





HTML_Introduction

Hypertext Markup Language


Kurz was zur Geschichte von HTML:


HTML wurde Ende der 80er Jahre entwickelt und im November 1992 veröffenticht. (Nur Text)

HTML wurde erweitert und im April 1993 und ermöglichte: Bilder anzeigen, Textdarstellung in fett und kursiv

HTML3.2 Januar 1997: Tabellen

HTML4 Dezember 1997: Frames; Einführung von CSS/ Stylesheets

HTML5 Oktober 2014: Neues Vokabular (DOM) HTML5.2 Dezember 2014 (aktuelle Version)







HTML besteht aus Tags, Elementen und Attributen

Wie sieht ein Tag aus? [Starttag & Endtag] (hover)
< > </ >




Wie sieht ein Element aus? (hover)
a, div, b, i, uvm.




Wie nennt man die Tags mit Elementen? (hover)
<a>, <div>, <b>, <i>, uvm.





Attribute kommen später :)


















Grundaufbau einer HTML Seite

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>















Erweiterter Aufbau einer HTML Seite

<!DOCTYPE html>
<html>
<head>
     <meta name="autor" content="AUTORNAME">
     <meta name="date" content="DATUM DER ONLINESTELLUNG">
     <meta name="description" content="WAS IST DER INHALT DER SEITE">
     <meta name="keywords" content="ÜBER WELCHE BEGRIFFE SOLL MAN DIE SEITE FINDEN KÖNNEN">
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
     <title>HTML-basics</title>
</head>
<body>
     ...
</body>
</html>















Wichtige Elemente in HTML (Blockelement vs. Inline-Element und deren grundlegender Unterschied)

<!-- Kommentar -->


<h1> bis <h6>


<b>


<strong>


<i>


<em>


<u>


<s>


<del>


<small>


<center>


&nbsp;


&shy;





<sup>superscript


<sub>subscript





<pre>präformatierter Textabschnitt


<tt>dicktengleiche Schrift


<q>Zitat


<cite>Autor


<blockquote>blockquote


<p>Absatz


<hr>


<dl>
<dt>Definitionsbegriff 1</dt>
<dd>Definitionsbeschreibung 1</dd>
<dt>Definitionsbegriff 2</dt>
<dd>Definitionsbeschreibung 2</dd>
</dl>
















HTML-Entitäten für Sonderzeichen
 

¡

¢

£

¤

¥

¦

§

¨

©

ª

«

¬

­

®

¯

°

±

²

³

´

µ



·

¸

¹

º

»

¼

½

¾

¿

À

Á

Â

Ã

Ä

Å

Æ

Ç

È

É

Ê

Ë

Ì

Í

Î

Ï

Ð

Ñ

Ò

Ó

Ô

Õ

Ö

×

Ø

Ù

Ú

Û

Ü

Ý

Þ

ß

à

á

â

ã

ä

å

æ

ç

è

é

ê

ë

ì

í

î

ï

ð

ñ

ò

ó

ô

õ

ö

÷

ø

ù

ú

û

ü

ý

þ

ÿ

&nbsp;

&iexcl;

&cent;

&pound;

&curren;

&yen;

&brvbar;

&sect;

&uml;

&copy;

&ordf;

&laquo;

&not;

&shy;

&reg;

&macr;

&deg;

&plusmn;

&sup2;

&sup3;

&acute;

&micro;

&para;

&middot;

&cedil;

&sup1;

&ordm;

&raquo;

&frac14;

&frac12;

&frac34;

&iquest;

&Agrave;

&Aacute;

&Acirc;

&Atilde;

&Auml;

&Aring;

&AElig;

&Ccedil;

&Egrave;

&Eacute;

&Ecirc;

&Euml;

&Igrave;

&Iacute;

&Icirc;

&Iuml;

&ETH;

&Ntilde;

&Ograve;

&Oacute;

&Ocirc;

&Otilde;

&Ouml;

&times;

&Oslash;

&Ugrave;

&Uacute;

&Ucirc;

&Uuml;

&Yacute;

&THORN;

&szlig;

&agrave;

&aacute;

&acirc;

&atilde;

&auml;

&aring;

&aelig;

&ccedil;

&egrave;

&eacute;

&ecirc;

&euml;

&igrave;

&iacute;

&icirc;

&iuml;

&eth;

&ntilde;

&ograve;

&oacute;

&ocirc;

&otilde;

&ouml;

&divide;

&oslash;

&ugrave;

&uacute;

&ucirc;

&uuml;

&yacute;

&thorn;

&yuml;

&euro;




mehr unter http://www.sonderzeichen.de/



Übungen SD
Lösung