Frage zum HTML-Code

Jakob · 19.09.2009

Tag,

wir spielen in der Schule grad ein bisschen mit HTML rum und ich habe jetzt ne frage zu meinem Quelltext, denn da fehlt was, aber ich weiß nicht wo es hin muss

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>In Tabelle</title>
<meta name="author" content="pgminstall">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
 <colgroup>
    <col width="200">
    <col>
  </colgroup
<td colspan="2">
   <table border="0" cellpadding="10" cellspacing="0">
                <tr>
                <td><h1 style="color:#FD0F00">Computer</h1></td>
          </tr
   </table>
    </td>
     <tr>

    <p align="left" >
      <table border="0" cellpadding="10" cellspacing="0" width="200">
        <tr>
          <td>
            Navigation<br>
            Home <br>
            Computer
          </td>
          </tr>
          </p>

     <table width="100%" border="0" cellpadding="10" cellspacing="0">
   <tr>
    <td> <p align="left"> <blockquote><li><p align="center"><u>Ein Computer oder Rechner ist ein Apparat, der Daten mit Hilfe einer programmierbaren Rechenvorschrift verarbeiten kann. </u></li></blockquote>

   <li>Zunächst war die Informationsverarbeitung mit Computern auf die Verarbeitung von Zahlen beschränkt.</li>

   <li>Mit zunehmender Leistungsfähigkeit eröffneten sich neue Einsatzbereiche. Computer sind heute in allen Bereichen des täglichen Lebens vorzufinden: Sie dienen der Verarbeitung und Ausgabe von Informationen in Wirtschaft und Behörden, der Berechnung der Statik von Bauwerken bis hin zur Steuerung von Waschmaschinen und Automobilen.</li>

   <li>Die leistungsfähigsten Computer werden eingesetzt, um komplexe Vorgänge zu simulieren: Beispiele sind die Klimaforschung, thermodynamische Fragestellungen, medizinische Berechnungen  bis hin zu militärischen Aufgaben, zum Beispiel der Simulation des Einsatzes von nuklearen Waffen. Viele Geräte des Alltags, vom Telefon über den Videorekorder bis hin zur Münzprüfung in Warenautomaten, werden heute von integrierten Kleinstcomputern gesteuert (eingebettetes System).</li>

    <table width="100%" border="0" cellpadding="10" cellspacing="0">
                           <tr>
                            <td><p align="center"><img src="http://upload.wikimedia.org/wikipedia/commons/6/69/IBM_PC_5150.jpg" alt="Fehler" border="0" width="300" height="300"></p></td>
                           </tr>
                          </table>
   <blockquote><p align="center">Quelle:<a href="http://de.wikipedia.org/wiki/Computer">Wikipedia</a></p> </blockquote>

   </td>
   </tr>
  </table>

</table>


</body>
</html>

ist jetzt halt einfach mal eine Seite mit einem bisschen Wikipedia Text gefüllt.
Die seite soll jetzt aber aus (blinden) Tabellen bestehen. Da nimmt man doch normalerweise 2 Spalten?! Aber irgendwie wird die Navigation (Spalte 1) nicht neben dem normalen Text (Spalte 2) angezeigt? Wo hab ich da was vergessen bzw falsch gemacht?

Und nochwas, kann man bei HTML auch Kommentare einfügen, wie es bei anderen Sprachen geht?

MfG und danke

the_viper · 19.09.2009

zeile 20/21:

PHP:

 </tr
   </table>
    </td>
     <tr>

beendest du die tabelle( mal von abgesehen das </tr mit > abgeschlossen werden muss, ebenso bei zeile 14 bei </colgroup ), dann machst du mit tabellenbefehlen weiter? komisch.
dann beginnst du in zeile 25 eine neue tabelle. der browser plaziert diese, wenn keine andere tabelle übergeordnet ist, unter der alten.
zeichne am besten deine tabellen auf papier wie du sie möchtest, dann schreibe den code runter, bedenke das der browser wenn nichts anders angegeben wie ein text von oben nach unten, links nach rechts arbeitet.
schau dir mal deinen code mit einem einfachen editor an, z.b. frontpage das im office paket bei ist, dann siehst du vllt. was ich meine.

so ziemlich alles zu html findest du hier:
http://de.selfhtml.org/

cmddegi · 19.09.2009

Wenn man irgendwas mit Tabellen entwickelt ist es übrigens eine gute Idee, den Rand fürs erste sichtbar zu lassen.

Jakob · 19.09.2009

aufgabe ist es aber mit blinden tabellen zu arbeiten und die seite in 2 spalten zu teilen, wie es bei self html auch gemacht wird!

cmddegi · 19.09.2009

Aber blinde Tabellen zu verwenden ist was anderes, als den Entwurf im Blindflug zu machen.

Natürlich schaltet man den Rahmen ab, wenn das Ergebnis passt.
Generell kann ich außerdem nur raten, verschachtelte Tags wie Tabellen stufenweise von außen nach innen aufzubauen. D.h. du baust z.B. deine äußerste Tabelle (schreibst das schließende Tag immer sofort nach dem öffnenden und den Rest dazwischen rein), siehst dir an, ob die passt, und danach füllst du die Zellen mit Inhalt, z.B. einer eingeschachtelten Tabelle.

HTML-Kommentare macht man mit den Kommentar-Tags

PHP:

<!-- bla -->

Das hätte dir aber sicher auch Google verraten.

PS: In HTML Buchstaben zu vergessen ist genauso tödlich wie in allen anderen Sprachen.

Code:

         </tr
   </table>

Jakob · 20.09.2009

cmddegi schrieb:
PS: In HTML Buchstaben zu vergessen ist genauso tödlich wie in allen anderen Sprachen.

das stimmt allerdings, daran lag es aber nicht

habe jetzt nochmal neu angefangen, weiß allerdings nicht, wie ich den text in einer spalte ganz nach oben bekomme, also an den anfang der spalte (wenn viel text drin ist, rückt ja alles in die mitte)

bei selfhtml die haben das mit

Code:

<td valign="top"></td>

gemacht, wenn ich das aber in phase 5 probiere ändert sich nichts

da heißen die befehle z.B. , wenn ich aber anstatt center "top" mache, ändert sich nichts. welchen befehl muss ich da nehmen?

Lambo-Benni · 20.09.2009

Jakob schrieb:
bei selfhtml die haben das mit

Code:

<td valign="top"></td>

gemacht, wenn ich das aber in phase 5 probiere ändert sich nichts

da heißen die befehle z.B. , wenn ich aber anstatt center "top" mache, ändert sich nichts. welchen befehl muss ich da nehmen?

valign ist nicht align

http://de.selfhtml.org/html/tabellen/gestaltung.htm

Jakob · 20.09.2009

ok, danke Lambo, habe sie jetzt so wie ich sie wollte

Jakob · 04.10.2009

wenn jemand lust hat und zeit, kann er doch mal bitte hier drüber gucken, wo ich den quelltext noch verbessern könnte oder sachen weglassen kann, etc...

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>2 spalten</title>
<meta name="author" content="Jakob">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#FE2803" bgcolor="#000000" link="#1DFB07" alink="#1DFB07" vlink="#FF0000">

<table width="100%" border="0" cellpadding="0" cellspacing="2">
 <tr>
     <td colspan="2">
      <table border="0" cellpadding="0" cellspacing="10" width="100%">
        <tr>
          <td align"center" bgcolor="#0016FF"><h1 style="color:#FB2B04" ><p align="center"><a name="Seitenanfang">Computer</a></p></h1></td>
        </tr>
      </table>
    </td>
     </tr>
  <td width="100" align="center" valign="top" bgcolor="#0016FF"><u>Navigation</u><br>
                               <a href="Home.html">Home</a><br>
                               <a href="Computer.html">Computer</a><br>
                               Geschichte<br>
                               <br>
                               <br>
                               <br>
                               <br>
                               News:
                               Nächste Woche Freitag: Ferienbeginn
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               letzte Änderung: 01.10.09</td>
  <td align="center"><li>Ein Computer oder Rechner ist ein Apparat, der Daten mit Hilfe einer programmierbaren Rechenvorschri
                          ft verarbeiten kann. </li>

   <li>Zunächst war die Informationsverarbeitung mit Computern auf die Verarbeitung von Zahlen beschränkt.</li>

   <li>Mit zunehmender Leistungsfähigkeit eröffneten sich neue Einsatzbereiche. Computer sind heute in allen Bereichen des tä
           glichen Lebens vorzufinden: Sie dienen der Verarbeitung und Ausgabe von Informationen in Wirtschaft und Behörden,
           der Berechnung der Statik von Bauwerken bis hin zur Steuerung von Waschmaschinen und Automobilen.</li>

   <li>Die leistungsfähigsten Computer werden eingesetzt, um komplexe Vorgänge zu simulieren: Beispiele sind die Klimaforschu
           ng, thermodynamische Fragestellungen, medizinische Berechnungen  bis hin zu militärischen Aufgaben, zum Beispiel
           der Simulation des Einsatzes von nuklearen Waffen. Viele Geräte des Alltags, vom Telefon über den Videorekorder bis
           hin zur Münzprüfung in Warenautomaten, werden heute von integrierten Kleinstcomputern gesteuert (eingebettetes Sys
           tem).</li>

    <table width="100%" border="0" cellpadding="10" cellspacing="0">
                           <tr>
                            <td><p align="center"><img src="http://upload.wikimedia.org/wikipedia/commons/6/69/IBM_PC_5150.jpg"
                                   alt="Fehler" border="0" width="300" height="300"></p></td>
                           </tr>
                          </table>
   <p align="center">Quelle:<a href="http://de.wikipedia.org/wiki/Computer">Wikipedia</a></p>
   <p align="center"><a href="#Seitenanfang">Seitenanfang</a></p>
</td>
 </tr>
</table>

</body>
</html>

skyborla · 04.10.2009

Jakob schrieb:

wenn jemand lust hat und zeit, kann er doch mal bitte hier drüber gucken, wo ich den quelltext noch verbessern könnte oder sachen weglassen kann, etc...

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>2 spalten</title>
<meta name="author" content="Jakob">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#FE2803" bgcolor="#000000" link="#1DFB07" alink="#1DFB07" vlink="#FF0000">

<table width="100%" border="0" cellpadding="0" cellspacing="2">
 <tr>
     <td colspan="2">
      <table border="0" cellpadding="0" cellspacing="10" width="100%">
        <tr>
          <td align"center" bgcolor="#0016FF"><h1 style="color:#FB2B04" ><p align="center"><a name="Seitenanfang">Computer</a></p></h1></td>
        </tr>
      </table>
    </td>
     </tr>
  <td width="100" align="center" valign="top" bgcolor="#0016FF"><u>Navigation</u><br>
                               <a href="Home.html">Home</a><br>
                               <a href="Computer.html">Computer</a><br>
                               Geschichte<br>
                               <br>
                               <br>
                               <br>
                               <br>
                               News:
                               Nächste Woche Freitag: Ferienbeginn
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               <br>
                               letzte Änderung: 01.10.09</td>
  <td align="center"><li>Ein Computer oder Rechner ist ein Apparat, der Daten mit Hilfe einer programmierbaren Rechenvorschri
                          ft verarbeiten kann. </li>

   <li>Zunächst war die Informationsverarbeitung mit Computern auf die Verarbeitung von Zahlen beschränkt.</li>

   <li>Mit zunehmender Leistungsfähigkeit eröffneten sich neue Einsatzbereiche. Computer sind heute in allen Bereichen des tä
           glichen Lebens vorzufinden: Sie dienen der Verarbeitung und Ausgabe von Informationen in Wirtschaft und Behörden,
           der Berechnung der Statik von Bauwerken bis hin zur Steuerung von Waschmaschinen und Automobilen.</li>

   <li>Die leistungsfähigsten Computer werden eingesetzt, um komplexe Vorgänge zu simulieren: Beispiele sind die Klimaforschu
           ng, thermodynamische Fragestellungen, medizinische Berechnungen  bis hin zu militärischen Aufgaben, zum Beispiel
           der Simulation des Einsatzes von nuklearen Waffen. Viele Geräte des Alltags, vom Telefon über den Videorekorder bis
           hin zur Münzprüfung in Warenautomaten, werden heute von integrierten Kleinstcomputern gesteuert (eingebettetes Sys
           tem).</li>

    <table width="100%" border="0" cellpadding="10" cellspacing="0">
                           <tr>
                            <td><p align="center"><img src="http://upload.wikimedia.org/wikipedia/commons/6/69/IBM_PC_5150.jpg"
                                   alt="Fehler" border="0" width="300" height="300"></p></td>
                           </tr>
                          </table>
   <p align="center">Quelle:<a href="http://de.wikipedia.org/wiki/Computer">Wikipedia</a></p>
   <p align="center"><a href="#Seitenanfang">Seitenanfang</a></p>
</td>
 </tr>
</table>

</body>
</html>

hab jetzt wirklich nur schnell drüber geschaut, aber so sachen wie farben in den tags zu definieren, oder so viele hintereinander verwenden macht man eigentlich nicht, das geht mit css viel eleganter

wenn du mit css richtig einsteigen willst, schau dir am besten mal das css tutorial von selfhtml an, damit hab ich damals angefangen ....

Jakob · 04.10.2009

ok, danke für den tipp, aber das ist für die schule und wir sollen dem lehrer nur zeigen, auf welchem stand wir sind. da wir kein css machen, lasse ich das auch raus

aber trotzdem danke :goil:

Frage zum HTML-Code

Jakob

the_viper

cmddegi

Jakob

cmddegi

Jakob

Lambo-Benni

Jakob

Jakob

skyborla

Jakob

Frage zum HTML-Code

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums