vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL144 Attributselektoren</title> <style> [required] {background-color:blue;} [title] {color:red;} [type=reset] {text-decoration: line-through;} [href^="http://"] {font-weight: bold } [href$=".com"] {color: green } [title*="Graz"] {font-style:italic;} </style> </head> <body> <label for="vorname" title="Vorname">Vorname: </label> <input name="vorname" id="vorname" type="text" required > <hr> <label for="nachname" title="Nachname">Nachname: </label> <input name="nachname" id="nachname" type="text" required > <button type="submit">Absenden</button> <button type="reset">Zurücksetzen</button> <a href="http://www.css4.at">CSS4 Lernplattform</a> <a href="http://www.wordpress.com">Blog Anbieter</a> <h1 title="Für Graz und Graz-Umgebung">In ihrer Region</h1> </body> </html>
