ScienceSource.info
ScienceSource.info
SiS
20:00
Allgemeines
:: Home
:: Disclaimer
Artikel
:: Physik
:: Astrophysik
:: Mathematik
:: Informatik
Community
:: Foren
:: Chat
Sonstiges
:: Quiz
:: Partner
:: Kontakt
Funktionen
:: Forum-Login
:: Login
:: Suchen

Info
Viel Spaß im Forum!



Home Forengruppe Kontakt Suchen
ScienceSource.info / Artikel / Informatik

HTML-Grundlagen 2

Überschriften kann man verwenden um den Text zu gliedern, von <h1> bis <h6>.

Beispiel:
<html>
<head>
<title>Beispiel</title>
</head>
<body>
<h1>Überschrift der ersten Ebene</h1>
<h2>Überschrift der zweiten Ebene</h2>
<h6>Überschrift der dritten Ebene</h3>
<h7>Überschrift der vierten Ebene</h4>
<h5>Überschrift der fünften Ebene</h5>
<h6>Überschrift der sechsten Ebene</h6>
Erste Textzeile <br>
Zweite Textzeile <br>
Dritte Textzeile <br>
</body>
</html>

Listen können mit folgenden Tags gestaltet werden:
<ul>...</ul> Liste mit Punkten. Zwischen dem Start- und dem Ende-Tag erfolgt die Aufzählung der Listenelemente mit <li>-Tags, <li> kennzeichnet einen Eintrag in der Liste.
Mit einem <ol>-Tag statt einem <ul>-Tag kann man mit <ol type = typ> eine numerische Liste ausgeben. <li>-Tags markieren wieder die einzelnen Elemente.

type = "A":     A, B, C, ...
type = "a":     a, b, c, ...
type = "I":     I, II, III, IV, ...
type = "i":     i, ii, iii, iv, ...

Hyperlinks machen einen Wert von HTML-Dokumenten im WorldWideWeb aus. Mit ihnen kann man Verweise zu anderen Seiten gestalten.
<a href = verweis>...<a>
Die Pfadangabe kan zu einer lokalen Datei oder zu einer Internetadresse führen.

Grafiken kann man mittels
<img src = dateiname>
einbinden.

Tabellen brauchen mehrere Tags:
<table>...</table> Beginn und Ende der Tabelle.
<tr>...</tr> Beginn und Ende einer Zeile (row).
<td>...</td> Beginn und Ende einer Datenzelle (data).

Beispiel: (eine 4*4 Tabelle)
<html>
<head>
<title>Beispiel</title>
</head>
<body>
<table>
 <tr>
  <td>
   Zelle(1,1)
  </td>
  <td>
   Zelle(1,2)
  </td>
 </tr>
 <tr>
  <td>
   Zelle(2,1)
  </td>
  <td>
   Zelle(2,2)
  </td>
 </tr>
</table>
</body>
</html>

Formulare werden verwendet, um Eingaben des Benutzers entgegenzunehmen. Sie werden mit folgenden Tags erstellt: <form action = aktion method = methode>...</form>
Die action-Einstellung kann eine URL angeben, zu der nach dem Absenden des Formulars verzweigt wird. methode kann GET oder POST sein. (Voreinstellung ist GET.)
<input type = typ name = name value = wert>
Es gibt viele type-Einstellungen:
text für ein einfaches Textfeld
radio für eine Optionsschaltfläche
checkbox für ein Kontrollkästchen
submit für eine Ausführen-Schaltfläche
reset für eine Zurücksetzten-Schaltfläche
button für eine frei definierbare Schaltfläche
hidden für ein verstecktes Element
file erlaubt die Auswahl einer Datei, zusätzlich wird eine Durchsuchen-Schaltfläche angezeigt, die ein komfortables Auswählen von einem File ermöglicht.

Meta-Tags können allgemeine Informationen enthalten, die keinen direkten Einfluss auf die Anzeige haben. Sie stehen im head-Teil des HTML-Dokuments, und können so z.B. von Suchmaschinen verwendetn werden, aber auch um dem Browser Daten zu übermitteln.
Version 3.2      © 2001-2008 Harald Wolfsgruber