-
-
Notifications
You must be signed in to change notification settings - Fork 48
/
base-url.html
99 lines (81 loc) · 3.71 KB
/
base-url.html
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<html>
<head>
<style>.test {
background-image: url('https://example.com/image.jpg');
background: url('https://example.com/image.jpg');
background-image: url('https://preserve.me/image.jpg');
background: url('https://preserve.me/image.jpg');
}
.test-2 {
background-image: url("https://example.com/image.jpg");
background: url("https://example.com/image.jpg");
background-image: url("https://preserve.me/image.jpg");
background: url("https://preserve.me/image.jpg");
}
.test-3 {
background-image: url(https://example.com/image.jpg);
background: url(https://example.com/image.jpg);
background-image: url(https://preserve.me/image.jpg);
background: url(https://preserve.me/image.jpg);
}</style>
</head>
<body>
<img src="https://example.com/test.jpg">
<img src="https://example.com/test.jpg">
<img src="https://example.com/image1.jpg" srcset="https://example.com/image1-HD.jpg 2x, https://example.com/image1-phone.jpg 100w">
<img src="https://example.com/image2.jpg" srcset="https://example.com/image2-HD.jpg 2x, https://example.com/image2-phone.jpg 100w">
<picture>
<source media="(max-width: 799px)" srcset="https://example.com/elva-480w-close-portrait.jpg">
<source media="(min-width: 800px)" srcset="https://example.com/elva-800w.jpg">
<img src="https://example.com/elva-800w.jpg" alt="...">
</picture>
<video width="250" poster="https://example.com/flower.jpg">
<source src="https://example.com/media/flower.webm" type="video/webm">
<source src="https://example.tv/media/flower.mp4" type="video/mp4">
<track default kind="captions" srclang="en" src="https://example.com/media/tracks/friday.vtt">
</video>
<audio src="https://example.com/media/sample.mp3">
Fallback content
</audio>
<embed type="video/webm" src="https://example.com/media/flower.mp4" width="250" height="200">
<iframe width="300" height="200" src="https://example.com/embed.html"></iframe>
<input type="image" src="https://example.com/image.jpg" alt="">
<script src="https://example.com/javascript.js"></script>
<div>
<!--[if mso]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" src="https://example.com/image.jpg" style="width:600px;height:400px;" />
<v:rect fill="false" stroke="false" style="position:absolute;width:600px;height:400px;">
<v:textbox inset="0,0,0,0"><div><![endif]-->
<div>test</div>
<!--[if mso]></div></v:textbox></v:rect><![endif]-->
</div>
<!--[if mso]>
<v:image src="https://example.com/image-2.jpg" xmlns:v="urn:schemas-microsoft-com:vml" style="width:600px;height:400px;" />
<![endif]-->
<!--[if mso]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" src="https://example.com/image-3.jpg" style="width:600px;height:400px;" />
<![endif]-->
<table>
<tr>
<td background="https://example.com/image.png" bgcolor="#7bceeb" width="120" height="92" valign="top">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;">
<v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>test</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
<v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
<![endif]-->
<!--[if mso]>
<v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
<![endif]-->
</body>
</html>