The Browser Triad

# Quiz Time!
            ## UI Icons and The Triad
            
            ---
            
            ## The Browser Triad
            HTML, CSS and JS each do different and very important jobs in every web browser: 
            - **HTML**: _Content_
                - Gives a web page its structure.
                - Semantically describes content.
            - **CSS**: _Presentation_
                - Typography, colour, layout, animation, etc.
            - **Javascript**: _Behaviour_
                - In practice, everything HTML and CSS can't currently do.
            
            ---
            
            ## Icon do what?
            Which of the Browser Triad technologies is most associated with the following User Interface icons?
            
            ---
            
            ## Paragraph
            <i class="fa-solid fa-5x fa-paragraph"></i>
            
            ---
            
            ## Headings
            <i class="fa-solid fa-heading fa-5x"></i>
            
            ---
            
            ### Bulleted list
            <i class="fa-solid fa-5x fa-list"></i>
            
            ---
            
            ## Numbered list
            <i class="fa-solid fa-5x fa-list-ol"></i>
            
            ---
            
            ### Align center
            <i class="fa-solid fa-align-center fa-5x"></i>
            
            ---
            
            ### Bold
            <i class="fa-solid fa-bold fa-5x"></i>
            
            ---
            
            ## Italics
            <i class="fa-solid fa-italic fa-5x"></i>
            
            ---
            
            ## Links
            <i class="fa-solid fa-link fa-5x"></i>
            
            ---
            
            ### Fast forward
            <i class="fa-solid fa-forward-fast fa-5x"></i>
            
            ---
            
            ### superscript
            <i class="fa-solid fa-superscript fa-5x"></i>
            
            ---
            
            ### Indent
            <i class="fa-solid fa-indent fa-5x"></i>
            
            ---
            
            ### Print
            <i class="fa-solid fa-print fa-5x"></i>
            
            ---
            
            ### Fontface
            <i class="fa-solid fa-font fa-5x"></i>
            
            ---
            
            ### Fill
            <i class="fa-solid fa-fill fa-5x"></i>
            
            ---
            
            ### Image
            <i class="fa-regular fa-image fa-5x"></i>
            
            ---
            
            ### Write down your answers for later !