Dentro de la etiqueta '' está el título de la página, el logo y el charset. Las demás etiquetas a excepción del , tienen el atributo ‘width’ que hace que el ancho de la página se divida en porcentajes, para poder hacer las columnas requeridas que en su mayoría serán 3. También se usa float, y se la direcciona a la izquierda, así todas se pondrán al lado de la anterior.
El logo en todas las páginas es un hipervínculo a la página principal, y en uno de los laterales se encuentra el menú de navegación que permite al usuario moverse de un punto a otro sin tener que pasar por el menú principal.
La mayoría de las páginas siguen estrictamente este formato, otras tienen ciertas modificaciones.
Las imágenes son guardadas en una carpeta dentro del proyecto y son llamadas en el programa con la ruta 'imágenes/*.jpg'. Todas las imágenes funcionan así.
La tabla se creó en la página de contacto.html y se realizó con la etiqueta y con el atributo ‘rowspan’ y ‘colspan’ se define cuantas celdas deben tomar en filas y columnas.
La primera etiqueta de ‘Teléfonos Principales’ es la agrupación de 2 celdas verticalmente. Y la otra etiqueta de ‘Celular’ agrupa 4 celdas.
7. Incrustar un video en Youtube.
En la página de ‘producto.html’ se enlazó un video de youtube con la etiqueta Iframe.
8. Listas y etiquetas de texto
Las listas fueron utilizadas en diferentes páginas como por ejemplo en una serie de pasos a seguir. En otra página para poner una lista de las autoridades, y para menús. En todas las páginas se usan diversas etiquetas de modificación de texto.
9. Navegación con ID
En la página de promociones se crearon 2 secciones con 3 artículos en cada una de ellas, cada artículo con un ‘id’ que lo usaremos para poder llamar al artículo con un hipervínculo de la siguiente manera.
10. Blockquote
He utilizado otras etiquetas como por ejemplo que crea un margen para el párrafo, haciendo que se diferencie de los títulos.