HTML skeleton
, then containing (with ) and <body>. Tags normally come in pairs; empty tags such as <br>, <hr> and <img> have no closing tag.<p>Tags you must know: <h1>–<h6> headings, <p> paragraph, <b>/<strong>, <i>/<em>, <u>, <ul> and <ol> with <li>, <a href="...">, <img src="..." alt="...">, <table> with <tr>, <th>, <td>, and <audio>/<video> with controls for multimedia.</p>
<p>Attributes always sit inside the opening tag and their values go in quotes: href for links, src and alt for images, width/height for sizing.</p>
<h3>Slideshow rules</h3>
<ul>
<li>Use slide layouts and the slide master so fonts, colours and logos stay consistent.</li>
<li><strong>Transition</strong> = how one slide changes to the next. <strong>Animation</strong> = how an object on a slide appears or moves. Do not use the two words interchangeably.</li>
<li>Six-by-six rule: at most six bullets per slide, six words per bullet.</li>
<li>Speaker notes carry the detail you say aloud, not the slide text.</li>
</ul>
<h3>Worked example</h3>
<p>Link page1.html to page2.html with the clickable text 'Next page':
<a href="page2.html">Next page</a>
The href holds the target file, the text between the tags is what the user clicks, and the closing </a> is compulsory. For a logo: <img src="logo.png" alt="School logo"> - src is the path, alt is the fallback text read by screen readers or shown if the image fails to load.</p>
<h3>Traps</h3>
<p>Unclosed tags; omitting alt; absolute paths such as C:\ that break on another computer; using a transition when an animation was asked for; overcrowded slides with paragraph-length bullets.</p>