iCab - Internet Browser

© 1999-2014 Alexander Clauss

Browser-Test

This page contains several tests which show if your browser understands the most important HTML 4 features.


Tables

A simple table (conforming to HTML 3.2)

leftmiddleright
123

The table should have three columns and two rows. The cells in the top row are centered and bold the cells in the bottom row are aligned to the left.


A complex table with groups of columns and rows, head, body and foot (conforming to HTML 4.0)

Caption below table
HeadHead middleHead right
FootFoot middleFoot right
Body 1Body 1 middleBody 1 right
Line 2Line 2 middleLine 2 right
Body 2Body 2 middleBody 2 right
Line 2, line 2Line 2 middleLine 2 right
Line 3, line 3Line 3 middleLine 3 right
Line 4, line 4Line 4 middleLine 4 right

The table border should only be visible between the first and second column, "Head" and "Body 1", "Body 1" (line 2) and "Body 2", "Body 2" (line 4) and "Foot". Of course the "Head" must come first and the "Foot" last.


Embedding objects

Embedding an image using the <OBJECT> tag. In addition an image map is defined where all the links are automatically offered as normal links if the browser is not able to embed the image.

Your browser doesn't support embedding images using the <OBJECT> tag.

blue rectangle pink rectangle orange rectangle blue circle yellow polygon

The <OBJECT> tag can be also used to embed any other objects as Java applets, movies, sound files and much more.


Lists

Three possible bullets:

Ordered lists:

  1. One
  2. Two
  3. Three
  4. Roman 4
  5. Roman 5
  6. Lower-Roman 6
  7. Lower-Roman 7
  8. 8th letter of the alphabet
  9. 9th letter of the alphabet
  10. 10th letter of the alphabet (lower-case)
  11. 11th letter of the alphabet (lower-case)
  12. Roman 1998
  13. 1999 in base-26 (result should be "BXW")

Text

Quote with english quotation marks:
quote, nested is also possible.

deleted and inserted text.

Blockquote. The source text (reference) should be available through a popup or contextual menu.

Forms

All the forms should be surrounded by a group box.

Tab-Index The Tab key moves the focus in the order which is given by the numbers:
1:4:3:
2:6:5:
Disabled elements
normal:
disabled:
Buttons with any content Content is text:

You should see two buttons in one line. The left should contain the word "Submit", the right should contain "Reset Form" (the word "Reset" must be in bold).


More complex content:

Again, two buttons in a line. The left contains a list, the right contains an image and text.

Other web sites to test the browser

Browser-Test

Auf dieser Seite befinden sich einige Tests zum Testen eines Web-Browsers bezüglich der Interpretation von wichtigen oder neuen HTML 4.0-Konstrukten.


Tabellen

Eine einfache Tabelle (genügt der HTML 3.2-Spezifikation):

linksmitterechts
123

Sie sollten hier eine Tabelle mit drei Spalten und zwei Zeilen sehen. In den Zellen der oberen Zeile wird der Inhalt zentriert (und fett), in der unteren Zeile linksbündig ausgerichtet.


Eine komplexe Tabelle mit Gruppen-Unterteilungen, Kopf-, Körper- und Fußbereichen (gemäß HTML4.0-Spezifikation):

Tabellen-Unterschrift
KopfKopf mitteKopf rechts
FußFuß mitteFuß rechts
Körper 11. Körper mitte1. Körper rechts
Zeile 2, line 2Zeile 2 mitteZeile 2 rechts
Körper 22. Körper mitte2. Körper rechts
Zeile 2Zeile 2 mitteZeile 2 rechts
Zeile 3Zeile 3 mitteZeile 3 rechts
Zeile 4Zeile 4 mitteZeile 4 rechts

Diese Tabelle besitzt nicht zwischen allen Zellen eine Trennlinie. Eine Trennlinie sollte zwischen der ersten und zweiten Spalte, sowie zwischen Kopf und 1.Körper (besteht aus 2 Zeilen), zwischen 1.Körper und 2.Körper (besteht aus 4 Zeilen) und 2.Körper und Fuß vorhanden sein. Wichtig ist natürlich auch, daß der Kopfbereich oben und der Fußbereich ganz unten zu liegen kommt.


Einbinden von Objekten

Ein Bild über <OBJECT> eingebunden, wobei das Bild verweissensitive Flächen enthält, die als normale Text-Verweise zugänglich sind, falls der Browser das Einbetten der des Bildes nicht unterstützt (gemäß HTML4.0-Spezifikation):

Ihr Browser kann dieses Bild nicht einbinden

Blaues Rechteck Rosa Rechteck Oranges Rechteck Blauer Kreis Polygon

Über das <OBJECT>-Tag lassen sich beliebige andere Objekte einbinden, z.B. Filme, Musik, andere HTML-Dateien, Java-Applets, usw.


Listen

Drei mögliche Bullets für Listen: Oder durchnumeriert:
  1. Eins
  2. Zwei
  3. Drei
  4. Römisch 4
  5. Römisch 5
  6. Klein-Römisch 6
  7. Klein-Römisch 7
  8. 8. Buchstabe im Alphabet
  9. 9. Buchstabe im Alphabet
  10. 10. Buchstabe (klein) im Alphabet
  11. 11. Buchstabe (klein) im Alphabet
  12. Römisch 1998
  13. 1999 im "Alphabet-Zahlensystem" (entspricht "BXW")

Text

Kurzzitat mit deutschen Anführungszeichen:
Zitat, geschachtelt geht auch.

gelöschter und eingefügter Text.

Blockquote. Die Quellenangabe sollte über ein Popup- oder Kontextmenü erreichbar sein.

Formulare

Um jeden der Formular-Tests sollten Gruppen-Rahmen gezeichnet werden.

Tab-Index Die Tabulatortaste bewegt den Eingabefokus gemäß der angegebenen Nummern:
1:4:3:
2:6:5:
Sperren von Elementen
normal:
gesperrt:
Buttons mit beliebigem Inhalt Text als Inhalt: (submit) (reset)

Hier sollten wieder zwei Buttons in einer Zeile zu finden sein, links mit der Beschriftung "Abschicken", rechts mit der Beschriftung "Formular löschen" (wobei "löschen" in Fettschrift im Button erscheinen sollte.


Andere Inhalte:

Auch hier wieder zwei Buttons nebeneinander. Links mit der einer kleinen Liste als Inhalt und rechts mit einem Bild und Text.

Andere Web-Seiten zum Testen des Browsers