CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lab5

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-01-26 12:27:55 -06:00
parent 4c697b9cc8
commit 48a50a2b3e
84 changed files with 383 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
Assignments/lab5_CalebFontenot/public_html/fonts.html Executable file
View 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>