Menu

HTML Tags

Here's a list of some HTML tags.

Anchor

Anchor example: https://www.mtsac.edu/webdesign/html.html#anchor

<a id="anchor"></a>
<div id="anchor"></div>

Acronym or Abbreviation 'abbr'

Abbreviation Tag: OU

<abbr title="Omni Update">OU</abbr>

Superscript Text 'sup'

Footnotes, exponents, ordinal suffix
sup example: 10th

10<sup>th</sup>

Subscript 'sub'

sub example: H20

H<sub>2</sub>0

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