Página 1 de 1
Taller OF WEB-ORIENTED PARTS
First name: __________________________last name: ________________________
HTML Layout Elements
Websites often display content in multiple columns (like a magazine or newspaper).
HTML offers several semantic elements that define the different parts of a web page:
1. <header> - Defines a header for a document or
a section
2. <nav> - Defines a container for navigation links
3. <section> - Defines a section in a document
4. <article> - Defines an independent self-contained
article
5. <aside> - Defines content aside from the content
(like a sidebar)
6. <footer> - Defines a footer for a document or a
section
7. <details> - Defines additional details
8. <summary> - Defines a heading for the
<details> element
CSS positioning is the technique used to make designs using only XHTML and CSS
properties. It is the standard nowadays and every well-designed website should use this
technique. The advantages are many, but among them stands out a better separation
between the appearance and structure of the page, a more semantic code and
understandable by search engines, that is, better for SEO, and a resulting lower page size,
therefore higher page loading speed.
Página 1 de 1
1. Develop the following activity related to the topic of CSS positioning seen in the
previous class.
Perform the following web project, using boxes and positioning css
to. Menus should be list.
b. Use web semantics properly, html.