Semester 3 pog
This commit is contained in:
74
Semester 1/Assignments/HTML/lab5_CalebFontenot/public_html/fonts.html
Executable file
74
Semester 1/Assignments/HTML/lab5_CalebFontenot/public_html/fonts.html
Executable file
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Font Size Examples</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
table, td, th {
|
||||
border: 2px solid #000000;
|
||||
padding: 10px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Text Values</th>
|
||||
<th>Em Units</th>
|
||||
<th>Px Units</th>
|
||||
<th>Pt Units</th>
|
||||
<th>Percentage</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:xx-small">xx-small</span></td>
|
||||
<td><span style="font-size:.50em">.5 em</span></td>
|
||||
<td><span style="font-size:8px">8 px</span></td>
|
||||
<td><span style="font-size:6pt">6 pt</span></td>
|
||||
<td><span style="font-size:50%">50%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:x-small">x-small</span></td>
|
||||
<td><span style="font-size:.60em">.60 em</span></td>
|
||||
<td><span style="font-size:11px">11 px</span></td>
|
||||
<td><span style="font-size:8pt">8 pt</span></td>
|
||||
<td><span style="font-size:60%">60%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:small">small</span></td>
|
||||
<td><span style="font-size:.75em">.75 em</span></td>
|
||||
<td><span style="font-size:13px">13 px</span></td>
|
||||
<td><span style="font-size:10pt">10 pt</span></td>
|
||||
<td><span style="font-size:75%">75%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:medium">medium</span></td>
|
||||
<td><span style="font-size:1em">1 em</span></td>
|
||||
<td><span style="font-size:16px">16 px</span></td>
|
||||
<td><span style="font-size:12pt">12 pt</span></td>
|
||||
<td><span style="font-size:100%">100%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:large">large</span></td>
|
||||
<td><span style="font-size:1.15em">1.15 em</span></td>
|
||||
<td><span style="font-size:18px">18 px</span></td>
|
||||
<td><span style="font-size:13.5pt">13.5 pt</span></td>
|
||||
<td><span style="font-size:110%">110%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:x-large">x-large</span></td>
|
||||
<td><span style="font-size:1.5em">1.5 em</span></td>
|
||||
<td><span style="font-size:24px">24 px</span></td>
|
||||
<td><span style="font-size:18pt">18 pt</span></td>
|
||||
<td><span style="font-size:150%">150%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:xx-large">xx-large</span></td>
|
||||
<td><span style="font-size:2em">2 em</span></td>
|
||||
<td><span style="font-size:30px">30 px</span></td>
|
||||
<td><span style="font-size:24pt">24 pt</span></td>
|
||||
<td><span style="font-size:200%">200%</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user