XHTML Fragen von einem Anfänger

N

Naruto123

abgemeldet
20 Juli 2009
3.790
122
Hallo,

Ich habe vor ein paar Tagen angefangen (X)HTML auf https://de.html.net zu lernen und habe die "HTML Schule" dort fertig durchgelesen und kann die Tags, die darin vorkamen mittlerweile auch schon einigermaßen. :)
Ich habe auch schon selber etwas rumprobiert, aber ich will auch mal Aufgaben von euch bekommen, die ich lösen muss und ihr sie im Nachhinein kontrolliert.

Würde mich wirklich freuen, wenn ihr mir Aufgaben geben könntet, weil ich auch in den nächsten Wochen mit CSS anfangen will.
 
Zuletzt bearbeitet:
Hi, du kannst ja mal ein Schachbrett mit XHtml erstellen.
Also 8x8 Felder mit Schwarz/Weis Kombination und es am ende Zentrieren :biggrin:.

HTML ist eigentlich nur die Strukturierung einer Webside. Sprich das Grundgerüst. Wenn du CSS kannst, kannst du viel mehr machen :LOL:
 
Du meinst dieses "HTML Tutorial" mit den 15 Kapiteln?
Ziel is primär nicht, dass du alle Tags auswendig kannst. Es genügt, zu wissen, was es gibt. Hast du was vergessen, kannst du nachgucken. Kostet ja nix.

Was für Aufgaben willst du haben? "Erstelle eine Webseite"? Geht man mehr ins Detail, steht die Hälfte der Lösung ja schon drin :biggrin:

Einfacher, du schreibst einfach mal was, postest hier den Code, dann sieht man schon, ob er "korrekt" is. Die Syntax kannst du ja selber mit dem Validator prüfen lassen, bevor du postest. Ein Mensch (also wir hier) kann dann nochmal drüber gucken, ob du die Tags auch semantisch richtig eingesetzt hast.
 
Ja, ich meine das Tutorial mit den 15 Kapiteln. :D
An Aufgaben habe ich so konkret nichts im Kopf.

Ich werde, aber mal etwas rumspielen und den Code posten. :)

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="https://www.w3.org/1999/xhtml" lang="de">

    <head>
        <title>Code für theHacker :D</title>
    </head>
    
    <body style="background-color: #d7d7d7">
        <h1>Rumspielerei mit HTML</h1>
    Hier bitteschön <a href="https://www.klamm.de/forum/member.php?u=220">theHacker</a>. <img src="https://img4.klamm.de/forum/smilies/icon_smile.gif"/> <br/>
    Ich hoffe ich habe alles richtig gemacht. <br/>
    <p>Hier jetzt noch ein paar Spielereien mit einer Tabelle.</p>
        <table border="1">
            <tr>
                <td rowspan="3" align="center">Nummer 1</td>
                <td>Nummer 2</td>
                <td>Nummer 3</td>
            </tr>
            <tr>
                <td>Nummer 4</td>
                <td>Nummer 5</td>
            </tr>
        </table>
    <p>Ich hoffe ich habe jetzt alles richtig gemacht. :D</p>
    </body>

</html>
So habe jetztmal rumexperimentiert.
Habe es zwar durch den Validator gejagt, aber verstanden habe ich nur Bahnhof.
 
Zuletzt bearbeitet:
Naruto123 schrieb:
Habe es zwar durch den Validator gejagt, aber verstanden habe ich nur Bahnhof.
Zum Vergrößern anklicken....

Der Validator (so du denn validator.w3.org meinst) verrät dir doch, was da so alles falsch ist... Neben dem fehlenden Schließen der zweiten Tabellen-Zeile, die Kerle richtigerweise nennt, ist es im Wesentlichen, dass du Text direkt im Body ausgibst, was in XHTML Strict nicht erlaubt ist, und dass du bei deinem Bild keinen Alternativtext angibst...

Edit: Ach ja, und was mir gerade noch auffällt: Warum streckst du deine erste Tabellen-Spalte über drei Zeilen, wenn deine Tabelle eigentlich nur zwei Zeilen hat?
 
Auch das verrät der Validator:
You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:

* putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>)
Zum Vergrößern anklicken....

Edit: grrr, zu langsam :evil: :ugly:
 
Achso.
Ich dachte man macht den p-Tag nur, wenn man einen neuen Absatz beginnen will und ansonsten braucht man ihn nicht.
 
Nicht wenn man einen neuen Absatz anfangen will, sondern jeder <p>...</p>-Abschnitt ist ein Absatz...
 
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="https://www.w3.org/1999/xhtml" lang="de">

    <head>
        <title>Code für theHacker :D</title>
    </head>
    
    <body style="background-color: #d7d7d7">
        <h1>Rumspielerei mit HTML</h1>
    <p>Hier bitteschön <a href="https://www.klamm.de/forum/member.php?u=220">theHacker</a>. <img src="https://img4.klamm.de/forum/smilies/icon_smile.gif" alt="Smiley"/> <br/>
    Ich hoffe ich habe alles richtig gemacht. <br/> </p>
    <p>Hier jetzt noch ein paar Spielereien mit einer Tabelle.</p>
        <table border="1">
            <tr>
                <td rowspan="3" align="center">Nummer 1</td>
                <td>Nummer 2</td>
                <td>Nummer 3</td>
            </tr>
            <tr>
                <td>Nummer 4</td>
                <td>Nummer 5</td>
            </tr>
        </table>
    <p>Ich hoffe ich habe jetzt alles richtig gemacht. :D</p>
    </body>

</html>
So ich hoffe jetzt ist es richtig.
Muss man auch die Überschriften in den p-Tag packen?

Edit: Hatte den alternativen Text bei dem Smiley vergessen. :)
 
Zuletzt bearbeitet:
Jemand aus einem anderen Forum hat mir die Aufgabe gegeben folgendes Webdesign mit HTML zu machen.


Dann habe ich mich gleich mal drangesetzt und dabei ist bei mir folgendes rausgekommen.
Natürlich auch durch den Validator geschickt und verbessert. ;)

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="https://www.w3.org/1999/xhtml" lang="de">

    <head>
        <title>Eine kleine Übungsseite</title>
    </head>

    <body style="background-color:#f1f1f1">
        <h1 style="color:#0066cc" align="center">Eine kleine Übungsseite</h1>
        
        <table>
            <tr>
                <th style="background-color:#666666" width="20%">Beliebteste User des Grufix-Boards</th>
                <th style="background-color:#666666" width="50%">Was man bei einem HTML-Dokument beachten sollte</th>
            </tr>
            <tr>
                <td>
                    <ol>
                        <li><b>Grievous</b></li>
                        <li><i><u>Grievous</u></i></li>
                        <li><b><i>Grievous</i></b></li>
                    </ol>
                </td>
                <td>
                    <ul>
                        <li>Die XML-Deklaration; eine Zeile, die unter anderem die XML-Version angibt.</li>
                        <li>Die Dokumenttyp-Deklaration; eine Zeile, die den XHTML-Dokumenttyp angibt.</li>
                        <li>Einen Dokumentkopf head, der den Dokumenttitel (das title-Element) und zusätzliche (Meta-)Informationen enthält</li>
                        <li>Einen Dokumentkopf body, der unter anderem den Inhalt des Dokumentes enthält, der im Browser dargestellt wird.</li>
                    </ul>
                </td>
            </tr>
            <tr>
                <th style="background-color:#666666" width="20%">Link zum Board</th>
                <th style="background-color:#666666" width="50%">Logo des Boards</th>
            </tr>
            <tr>
                <td align="center" valign="middle"><a href="https://www.grufix-board.de/index.php?page=Index">Link zum Board</a></td>
                <td align="center"><img src="https://www.grufix-board.de/wcf/images/grufixv6/logo.png" alt="Logo des Grufix-Boards"/></td>
            </tr>
            <tr>
                <th style="background-color:#666666" width="20%">Wortberge</th>
                <th style="background-color:#666666" width="50%">Werther</th>
            </tr>
            <tr>
                <td>
                    <p><i>Hier kommt zwar der lange Text hin,<br/>aber ich bin zu faul um ihn zu schreiben.</i></p>
                    <p><i>Ich hoffe das ist nicht schlimm.</i></p>
                </td>
                <td>
                    Hier kommt der andere Text hin, aber ich bin <b>wiedermal</b> zu faul um ihn zu schreiben. :D <br/>
                    Aber ich hoffe das ist nicht so schlimm. 
                    <hr/>
                    <small>PS: Grievous ist einfach mal der King</small>
                    
                </td>
            </tr>
        </table>

    </body

</html>
 
Vergiss das bitte ganz schnell wieder 8O
Ich sehe auf dem Screenshot keine Tabelle und dein Markup is voller <td>-Zeugs :sick:
 
Hi,

Versuch es doch mal ohne Tabellen. Hier bietet es sich gut an, und dein Code ist auch viel schlanker ;-)
 
Naruto123 schrieb:
Warum?
Was ist daran falsch?
Zum Vergrößern anklicken....
Ganz einfach: Da ist keine Tabelle!
Naruto123 schrieb:
Sah im Browser eigentlich sehr ähnlich aus.
Zum Vergrößern anklicken....
Ziel ist es nicht, das ähnlich in den Browser zu bringen, sondern XHTML zu lernen. Oder hab ich dich missverstanden?

<table> gehört für Tabellen und nur für Tabellen.
Beispiele für Tabellen findest du hier:

 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

Schlaufuchs-Bot
    • Like
Schlaufuchs Warum muss man, bevor man an einer Umfrage teilnehmen kann hier auf klamm.de, erst unendlich viele Fragen beantworten?
Antworten
6
Aufrufe
3K
Kastanie
Kastanie
Schlaufuchs-Bot
Schlaufuchs Warum werden berechtigte Fragen immer wieder gelöscht?
Antworten
10
Aufrufe
2K
storabird
storabird
Schlaufuchs-Bot
Schlaufuchs Warum werden hier meine Fragen ständig gelöscht?
Antworten
6
Aufrufe
1K
storabird
storabird
tripe
    • Like
Schlaufuchs Fragen verschwinden
Antworten
6
Aufrufe
1K
Sweetyzeebra
Sweetyzeebra
C
Welche Fotobearbeitungs-App ist am besten für Anfänger geeignet?
Antworten
0
Aufrufe
1K
Cranberrycc
C
Zurück
Oben