SM2 Gestiona información a través de plataformas digitales. (Las Nahúalas)

  SISTEMA SOLAR  PASO 1: Lo primero que hicimos fue localizar y ejecutar el programa Visual Studio Code PASO 2:  Creamos una carpeta llamada práctica 2  PASO 3 : En el programa, abrimos la carpeta y nos dirigimos a la sección para crear archivos PASO 4 : Realizamos un archivo y lo nombramos como SISTEMASOLAR.HTML y buscamos crear una pagina web  PASO 5 : Después utilizamos PAINT para realizar dibujos y luego convertirlos  en formato .png y así fuera una imagen  PASO 6 : En este punto, lo que tuvimos que realizar fue ingresar un listado de etiquetas como las siguientes: * SISTEMA SOLAR  *cuadrado * <link> * <div> *<h1> *<b> *<header> *<nav> *<ul> *<li>  * <article> *<h2 *<img> *<section> *<footer> *<p> *<aside> *<form> PROPIEDADES DE ESTILOS font_family box_sizing list_style_type margin padding_ringht padding_left text_decoration  border_right ove...

HTML y CSS  En este apartado se hablará del modelado de sitios web en HTML Y CSS, primero tenemos que saber, ¿qué es HTML y CSS?, como anteriormente se vió HTML (Lenguaje Marcado de Hipertexto) es un lenguaje utilizado para crear la estructura y contenido de una página web, utilizando gran variedad de etiquetas como lo son <h1> - <h6>, <p>, entre otras. Mientras que CSS (Hojas de Estilo en Cascada) es un lenguaje pero de diseño, que permite personalizar y dar estética visual a los elementos de HTML en una página web, el CSS que se llevó a cabo fue de lo más básico ya que solo se buscaba entender lo que esto era.  ANATOMÍA DE UNA REGLA CSS SELECTOR: Permite seleccionar los elementos de una msima clase, en el ejemplo de la imágen de arriba se puede ver que está la "p" como selector, esto quiere decir que el párrafo se pondrá de color rojo, si en lugar de la "p" estuviera un "h1", este sería el que tuviera el color rojo, es decir, el selecto...

 ¿QUÉ ES LA SEMÁNTICA? La semántica de HTML son varias etiquetas de HTML que nos ayudan a reforzar la información de las diferentes páginas web.  La semántica de HTML y HTML5 es el significado de la información extra que otorgan los elementos o las diferentes etiquetas del lenguaje de información.  Esta diferente información es la que permite que los documentos se puedan rastrear de mejor manera. El HTML SEMANTICO son las diferentes etiquetas de HTML para reforzar más la SEMANTICA. La semántica en los diferentes HTML es la información extra que los elementos o etiquetas del lenguaje. Esta información es lo que nos permite que nuestros documentos se puedan rastrear de rápida y mejor manera  Las diferentes etiquetas temáticas se pueden utilizar en lugar de las diferentes etiquetas de presentación estándar y ayuda a mejorar la legibilidad y el uso de la necesidad de los datos estructurados.    ¿PARA QUÉ SIRVE? Permite que un documento se pueda rast...

1.- Lo primero que hicimos fue localizar y ejecutar el programa Visual Studio Code. 2.- Creamos un carpeta llamada "Práctica 1". 3.- En el programa, abrimos la carpeta y nos dirigimos a la sección para crear archivo. 4.- Realizamos 2 archivos y los nombramos como "tablas.html" y "horariodeclaes.html" (la terminación "html" se llama así por tipo de resultado que buscamos, en este caso, crear una pagina web). 5.- En este punto, lo que tuvimos que realizar fue ingresar un listado de etiquetas como los siguientes: Tablas.html Etiquetas HTML:  Principalmente <table>  <tr>  <td> Propiedades ESTILOS:  border Horario de clases.html  Etiquetas HTML  Principalmente <table>  <tr>  <td>  <div> Propiedades ESTILOS table-layout width border-collapse border font-family background padding font-size font-family font-weight padding border 6.- Por último guardamos y verificar que estos funcionen correctamente. TABLAS HO...

¿Qué es una Tabla HTML5? Una tabla HTML5 es un elemento HTML que se utiliza para mostrar información tabular en una página web. Las tablas están compuestas por filas y columnas de celdas que se pueden utilizar para organizar y presentar datos de una manera estructurada. En HTML5, las tablas se crean utilizando la etiqueta <table> , que contiene una o más filas (etiqueta <tr> ) y celdas (etiqueta <td> ) dentro de cada fila. También se pueden utilizar otras etiquetas para agregar encabezados, pies de página, bordes y otros elementos de diseño a la tabla. Las tablas HTML5 son muy útiles para presentar datos como listas de precios, horarios de eventos, resultados de encuestas, información de contacto y cualquier otro tipo de información que pueda organizarse en filas y columnas. Además, las tablas HTML5 son compatibles con la mayoría de los navegadores web modernos y pueden ser personalizadas con CSS para adaptarse al diseño y estilo de la página web. ¿Para que sirve? Las...