Lee-4

Layout elements

by David Kyle

HTML

<!-- Some elements aren't visual, but affect layout or describe content -->
<!-- the "title" attribute is an HTML "global" attribute, which means it is valid on every HTML element. -->
<!-- One of the things the title does, is display the text when someone hovers the mouse over the element -->
<!-- Below, we'll put a border and increase the height and width of the section so you can see the hover -->
<!-- The "style" attribute is one way of doing CSS.  Don't worry about that yet. -->
<section title="buttons" style="width: 200px; height: 200px; border: solid 1px black;"></section>
<!-- Moving your mouse over the "section" and keeping it there shows the value of the title attribute -->

<!-- other "layout" elements" -->
<div>

</div>
<span>
  
</span>
<p>

</p>
<nav></nav>
<footer></footer>
<!-- notice that you don't "see" any of them, but by putting HTML elements INSIDE of them as their contents, they get "grouped" which is useful for moving things around on the screen, preventing breaks you don't want and for other, more advanced things. -->