Webpage layout: Difference between revisions

17 bytes added ,  07:00, 23 April 2015
m
→‎And finally: looks right at last!
m (→‎And finally: tidy up look)
m (→‎And finally: looks right at last!)
Line 327: Line 327:
</article></pre>
</article></pre>


To further develop the design, include:
To further develop the design, include


  '<aside> some HTML content </aside>'
  <pre><aside> some HTML content </aside></pre>


to add in information not directly related to the
to add in information not directly related to the


  '<main> some HTML content </main>.
  <pre><main> some HTML content </main></pre>.


  Your [[Stylesheets]] could position this to the right hand side of the content in 'main' for viewing on a monitor, but below it for narrower media when you print or view on some other devices. Have a look at the HTML used on those web-sites you like, as most browsers offer 'view source'.
  Your [[Stylesheets]] could position this to the right hand side of the content in 'main' for viewing on a monitor, but below it for narrower media when you print or view on some other devices. Have a look at the HTML used on those web-sites you like, as most browsers offer 'view source'.
5,838

edits