[HTML] Test mit vollständiger HTML

(07.04.2010 15:06) Test mit Head, Body und StyleSheets. JavaScript Demo inklusive.
Beim klick auf das h1-Tag in der Vorschau öffnet sich eine alert Box.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html>
   <head>
      <style type="text/css">
         h1 { margin:0px; padding:0px; font-size:24px; }
         h1 span { font-size:12px; color:blue; }
         p { font-size:12px; }
      </style>
      <script type="text/javascript">
         function moepp() {
            alert('moepp...');
         }
      </script>
   </head>
 
   <body>
 
      <h1 onclick="moepp();">mooo <span>&lt;= klick auf &quot;moo&quot;!</span></h1>
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
      <p>Maecenas dignissim nulla molestie nunc porta vitae lobortis nulla aliquet. Sed non aliquet ante. Proin erat urna, dapibus sit amet volutpat 
         sit amet, sodales nec orci. Donec quis orci mi. Mauris eget libero neque. Nam cursus suscipit ultricies. Donec vel est odio, non venenatis 
         tellus. Suspendisse potenti. Aliquam id erat lectus, quis pulvinar tellus. Nulla non nisl vel mi suscipit aliquam nec in nunc. Aliquam 
         dolor nunc, pellentesque et posuere pellentesque, placerat et turpis. Ut nibh erat, rutrum vitae vestibulum nec, auctor ac ante. Mauris 
         rutrum cursus ligula sit amet cursus. Cras et orci quam, sed vestibulum mi.</p>
 
   </body>
</html>
Test mit vollständiger HTML

Quellcode (ausblenden | aufklappen)

Vorschau (ausblenden | aufklappen)
