Informatikwiki

Albert Einstein Gymnasium Reutlingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge


htmlcss:html2

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
htmlcss:html2 [19.09.2010 23:03] Stefan Gaumhtmlcss:html2 [30.08.2014 14:25] (aktuell) – gelöscht Stefan Gaum
Zeile 1: Zeile 1:
-~~SLIDESHOW~~ 
  
-====== HTML/CSS Lektion 2 ====== 
- 
- 
-===== Kommentare... ===== 
- 
-  * sind Anmerkungen innerhalb von Programmiersprachen oder Textbeschreibungssprachen. 
-  * können von Sprache zu Sprache unterschiedlich aussehen. 
-  * werden von der verarbeitenden Software ignoriert und haben keinen Einfluss auf das Ergebnis. 
-  * dienen als Anweisung bzw. Erklärung des Codes für den Textbearbeiter. 
-  * helfen bei umfangreichen Dokumenten, die Übersichtlichkeit im Quelltext zu behalten 
-  * hinter jeder Codezeile sind Quatsch. 
- 
-===== Kommentare in HTML===== 
- 
-In (X)HTML werden Kommentare durch <!- - eingeleitet und durch - - > beendet. Alles dazwischen wird nicht verarbeitet. 
- 
-**Beispiel:** 
- 
-<p>Dieser Absatz enthält <!- - einen Bereich, der ausgeblendet wird - - > einen Kommentar, der nicht angezeigt wird.</p> 
- 
- 
-Ausgabe im Browser: 
-   Dieser Absatz enthält einen Kommentar, der nicht angezeigt wird. 
- 
-===== Beispiel eines schlecht kommentierten Quelltextes ===== 
- 
-  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
-  <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de" > 
-    <head>                                          <!-- hier startet der Kopf --> 
-      <title>Titel der Seite</title> 
-      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
-    </head>                                         <!-- hier endet der Kopf --> 
-    <body>                                          <!-- alles was ab hier steht, wird im Browser angezeigt --> 
-     <p> Aufzählungen einer unsortierten Liste</p>  <!-- erster Textabschnitt! --> 
-      <ul>                                          <!-- ul steht für unsorted list--> 
-         <li>erster Aufzählungspunkt</li>           <!-- li steht für list item--> 
-         <li>zweiter Aufzählungspunkt</li> 
-         <li>dritter Aufzählungspunkt, der mehr Platz benötigt</li> 
-         <li>nach Ende keine Einrückung mehr</li> 
-     </ul> 
-   </body> 
-  </html> 
- 
- 
-===== Tabellen ===== 
- 
-Tabellen in HTML werden nicht spaltenweise, sondern zeilenweise aufgebaut. 
- 
-  <p>eine Tabelle</p> 
-  <table border="1">                   <!-- die Tabelle soll einen Rand der Stärke 1 haben --> 
-    <tr>  
-      <td> Zeile 1 - Spalte 1 </td> 
-      <td> Zeile 1 - Spalte 2 </td> 
-    </tr> 
-    <tr> 
-      <td> Zeile 2 - Spalte 1 </td> 
-      <td> Zeile 2 - Spalte 2 </td> 
-    </tr> 
-  </table> 
- 
-===== Übung ===== 
- 
-{{:htmlcss:work_64.png  |}} 
- 
-  - Erstelle auf deinem Arbeitsrechner eine html-Datei mit deinem Stundenplan in Form einer Tabelle. 
-  - Die Wochentage sollten wie auf http://fwpf-webdesign.de/ beschrieben in sogenannten Kopfdaten stehen. 
-  - Versuche dabei, deinen Quelltext sinnvoll zu kommentieren. 
- 
- 
-[[htmlcss:html2|HTML/CSS Lektion 2]] 
htmlcss/html2.1284937416.txt.gz · Zuletzt geändert: 19.09.2010 23:03 von Stefan Gaum

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki