CS1115/CS5002

Web Development 1

Dr Derek Bridge

School of Computer Science & Information Technology

University College Cork

HTML attributes and values

Hyperlinks

External resources

Images

Display of images

Video and audio

CSS stylesheets

Favicons

External resources

Q: How many requests will be made?

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Derek's pretend RTE page</title>
        <link rel="stylesheet" href="rte_styles.css">
    </head>
    <body>
        <figure>
            <img src="images/rte_logo.gif" alt="RTE">
        </figure>
        <main>       
            <h1>Welcome to RTE</h1>   
            <p>
                <img src="../tv/fair_city/images/zumo.jpg" alt="Zumo Bishop">
                There's high-drama in Carrigstown this week when the Bishop brothers 
                receive CAO offers to study Computer Science at TCD.
            </p>
            <p>
                <img src="late_late/images/tubridy.jpg" alt="Ryan Tubridy">
                Watch on Friday as we piss away your license fees on third-rate 
                guests in this tired format.
            </p>
            <p>
                <img src="http://www.vatican.va/holy_father/top_dog.jpg" alt="Francis">
                In the news, we ask: Is the Pope a Catholic?
            </p>    
        </main>
    </body>
</html>

Answer

HTML syntax rules

Ensuring your HTML is well-formed:

Class exercise

Answer

<ul>
    <li>badgers</li>
    <li>wombats</li>    
        <ul>
            <li>common wombat</li>
            <li>hairy-nosed wombat</li>
        </ul>
    <li>squirrels</li>
</ul>
<ul>
    <li>badgers</li>
    <li>wombats    
        <ul>
            <li>common wombat</li>
            <li>hairy-nosed wombat</li>
        </ul>
    </li>
    <li>squirrels</li>
</ul>

Two syntaxes

HTML validation