-
Notifications
You must be signed in to change notification settings - Fork 1
/
template-v2.html
24 lines (24 loc) · 1.45 KB
/
template-v2.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
</head>
<body>
<h2>Legend</h2>
<table style="width: 75%;" summary="Legend">
<tr>
<th style="text-align: left;"><span style="background-color: Tomato; padding: 0 1.2em 0 1.2em;"> </span> Organization</th>
<th style="text-align: left;"><span style="background-color: SkyBlue; padding: 0 1.2em 0 1.2em;"> </span> Person</th>
<th style="text-align: left;"><span style="background-color: BurlyWood; padding: 0 1.2em 0 1.2em;"> </span> Location</th>
<th style="text-align: left;"><span style="background-color: MediumOrchid; padding: 0 1.2em 0 1.2em;"> </span> Date</th>
<th style="text-align: left;"><span style="background-color: Chartreuse; padding: 0 1.2em 0 1.2em;"> </span> Others</th>
</tr>
</table>
<h2>Text</h2>
<!-- Insert transformed text here -->
<p>This is the <span style="background-color: Tomato">1st</span> paragraph. You may <span style="background-color: BurlyWood;">highlight</span> something <span style="background-color: MediumOrchid;">important</span>.</p>
<p>This is the <span style="background-color: SkyBlue;">2nd</span> paragraph. You may highlight <span style="background-color: Chartreuse;">something</span> important.</p>
<p><span style="background-color: Chartreuse;">The entire paragraph is highlighted.</span></p>
<!-- End of transformation -->
</body>
</html>