Menu

HTML Tags

Here's a list of some HTML tags that are rarely used, but handy when you need them.  

Anchor Tag: (Add class to keep content from loading up behind gray menu bar)
<a id="anchorname" class="anchor"></a>

Abbr Tag: OU
<acronym title="as soon as possible">ASAP</acronym>

Subscript Text: H20
<sub>...</sub>

Superscript Text (Footnotes, exponents, etc.): 108 or WWW [1]
<sup>...</sup>

Fractions
½ &#189; &#xBD; &frac12;
&#8531; &#2153; &frac13;
&#8532; &#2154; &frac23;
¼ &#188; &#xBC; &frac14;
¾ &#190; &#xBE; &frac34;
&#8533; &#2155; &frac15;
&#8534; &#2156; &frac25;
&#8535; &#2157; &frac35;
&#8536; &#2158; &frac45;
&#8537; &#2159; &frac16;
&#8538; &#215A; &frac56;
&#8528; &#2150; &frac17;
&#8539; &#215B; &frac18;
&#8540; &#215C; &frac38;
&#8541; &#215D; &frac58;
&#8542; &#215E; &frac78;
&#8529; &#2151;
&#8530;


Inline Font Awesome Icons

<i class="fa-brands fa-instagram"></i>
Change "i" to "span"
<span class="fa-brands fa-instagram"></span>

Colorize Font Awesome Button Icons
<headcode> <style type="text/css"> .pdf:after {color: #ffffff;} </style> </headcode> <!-- before closing head tag -->
 
HTML Button for Campus Calendar, etc.
<p><a style="background-color: #9e1b2a; border: none; border-radius: 1000px; color: white; padding: 15px 32px; 
text-align: center; text-decoration: none; display: inline-block; font-size: 16px;" 
href="https://mtsac-edu.zoom.us/" target="_blank" rel="noopener">Virtual Zoom Session</a></p>

Static Campus Map

Campus Map Building 9B
Use this as your image link in place of an uploaded graphic.
Copy your location ID from the Share Button within the online campus map. 
https://campusmap.mtsac.edu/?id=811#!m/772841 <this is the ID
https://staticmap.concept3d.com/map/static-map/?map=811&loc=772841&scale=1&zoom=18
Change the zoom level to what works best to show your building, typically 18-20 
https://staticmap.concept3d.com/map/static-map/?map=811&loc=772841&scale=1&zoom=18