Sec S19W2 || Creation of an organized page layout (Basic concepts of CSS 3)

Un ID o identificador no se puede repetir más de una vez en una página web, los identificadores son únicos para un elemento html.

En cambio, la clase, se puede repetir más de una vez. Podemos verlo como un identificador global y podemos asignar una misma clase a todos los elementos que queramos.

En elementos, se puede ver como los códigos básicos utilizados en html, tales como: < div>,< a>,< h3>, etc. Los elementos se utilizan, además, para darle diseño a la etiqueta creada en html, asignándole estilo en css.

1)Html: Es un Lenguaje de marcas de hipertextos, consiste en una estructura y en un código que define el contenido de una página web, básicamente el contenido sin estilos o sin funciones dinámicas.

CSS: Depende de un documento html para poder ser insertado y darle forma al contenido que ahí está ya establecido, dándole estilo, color y formalidad.

2)La manera de guardar un documento HTML se guarda con extensión .html y CSS con extensión .css.

3)Otra diferencia es qué, para usar el archivo css de manera externa, es importante vincularlo en el archivo HTML, haciendo un llamado en la etiqueta < style>.

1. En html se utiliza atributos y etiquetas, mientras que en css se utiliza selector de atributo, para luego darle estilo a la página web.

1. html puede crear elementos interactivos como: formularios, tablas, listas, etc. En cambio, CSS no tiene la manera de ofrecernos dicha bondad, pero si el estilo del formulario, tablas, listas, etc.

Disposición de una sola columna: Diseño sencillo que permite mostrar la información de una manera lineal y práctica, mostrando la información en una sola columna.

Disposición de dos columnas: Es un simple diseño como de un blog, pero a la vez muy práctico, generalmente una columna es más ancha para el contenido de la información y la otra para noticias, niveles de navegación secundarios o widgets.

Diseño Revista: Es un diseño amigable, donde abarca sesiones con opción a varios temas, el cual es muy atractivo al ojo humano.

Diseño de ancho completo: Me gusta este diseño porque estéticamente se puede usar todo el ancho de la página, sin barras laterales ni columnas adicionales. Es ideal para crear portafolios, donde se puede mostrar un diseño limpio y con gran espacio para su contenido.

Diseño cuadricula: Estéticamente es elegante porque como su nombre lo indica, el contenido de la pagina está centrado en un tamaño cuadricular donde se puede mostrar el contenido, ofreciendo toda la información en un área determinada con un desplazamiento reducido.

Los errores pueden ocurrir a la hora de codificar nuestro código fuente y existen varios errores, como: errores de sintaxis, errores semánticos y de tiempo de ejecución.

Cuando existen dichos errores, debemos ir a la codificación y hacemos depuraciones para poder detectar el error, pero si nuestro código esta ordenado, muy probablemente que de manera rápida nos demos cuenta de dicho error.

Lo primero que hice es descargar la aplicación sugerida por el concurso "VScode", la instalé y luego me puse a realizar la parte practica en cuestión.