HTML by Santiago Hernandez https://padlet.com/sanhernandez097/yg32emx10wc7rg6h en-us 2023-10-02 00:39:48 UTC 2023-10-02 01:52:09 UTC hello@padlet.com ¿QUE ES HTML? sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727810413 El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos.


]]> 2023-10-02 00:43:38 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727810413 ¿COMO FUNCIONA? sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727812552 HTML es un markup language, lo que significa que está escrito con códigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una página web está marcado con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto.

]]> 2023-10-02 00:47:08 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727812552 DIFERENCIA ENTRE HTML Y HTML SEMANTICO sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727818778 Al añadir etiquetas HTML semánticas a las páginas, se proporciona información adicional a los buscadores sobre la funcionalidad e importancia de las secciones de las páginas. A diferencia del HTML no semántico, que utiliza etiquetas que no transmiten directamente su significado]]> 2023-10-02 00:56:10 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727818778 DOCTYPE sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727821154 DOCTYPE informa al navegador qué versión de HTML se usó para escribir el documento. Doctype es una declaración no una etiqueta.]]> 2023-10-02 00:59:24 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727821154 HTML, HEAD y BODY sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727828038 <html> define el inicio y el final de la página web.

<head>: Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros. son atributos que no se muestran al usuario

<body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página.

]]> 2023-10-02 01:08:54 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727828038 ETIQUETAS BASICAS DE HTML sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727832723
  • <!DOCTYPE>: Se utiliza para especificar la versión de HTML que se está utilizando en la página.

    • <html>: Define el inicio y el final de la página web.

    • <head>: Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros.

    • <title>: Define el título de la página web que aparece en la pestaña del navegador.

    • <body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página.

    • <h1> a <h6>: Define los títulos de diferentes niveles de jerarquía en la página web. 

    • <a>: Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección diferente de la misma página.

    • <img>: Define una imagen que se mostrará en la página web.

    • <p>Etiqueta de párrafo</p>: Define un párrafo de texto. Las etiquetas <p> y </p> son etiquetas HTML y la "Etiqueta de párrafo" es el elemento HTML, es decir, el texto de la página.

    • <b>Etiqueta de negrita</b>: Esta etiqueta dará formato de negrita a cualquier texto que se encuentre entre la etiqueta <b> de apertura y la etiqueta </b> de cierre. Aquí, <b> y </b> son las etiquetas HTML y la "etiqueta de negrita" es el elemento HTML, es decir, el texto de la página. 

    • <i>Etiqueta de cursiva</i>: Esta etiqueta formateará como cursiva cualquier texto entre la etiqueta de apertura <i> y la etiqueta de cierre </i>. Aquí, <i> y </i> son las etiquetas HTML y "Etiqueta cursiva" es el elemento HTML (el texto de la página).

    • <u>Etiqueta de subrayado</u>: Esta etiqueta formateará cualquier texto entre la etiqueta <u> de apertura y la etiqueta </u> de cierre como subrayado. Aquí, <u> y </u> son las etiquetas HTML y "Etiqueta de subrayado" es el elemento HTML, es decir, el texto de la página. 

    ]]>     2023-10-02 01:15:37 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727832723     CREACION DE LISTA ORDENADA Y NO ORDENADA EN HTML sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727837174 El elemento "ol" permite definir listas o viñetas ordenadas, bien con numeración o alfabéticamente. Sus etiquetas son: <ol> y </ol>.

    Para definir una lista desordenada en HTML utilizamos el elemento ul. Para representar los elementos de la lista desordenada utilizamos el mismo elemento que con las listas ordenadas, es decir, el elemento li.]]>     2023-10-02 01:21:39 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727837174     ¿COMO AGREGAR UN LINK EN HTML? sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727839944 Para insertar un link en un texto HTML se utiliza el comando <A> . Este comando tiene modificadores, es decir, no basta con colocar el comando, es necesario especificarle ciertos parámetros. Uno de estos parámetros es HREF con el cual le indicamos hacia dónde debe seguir el link.]]> 2023-10-02 01:25:17 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727839944 ETIQUETAS SEMANTICAS DE HTML sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727847965 <article> | Define un artículo

    <aside> | Define el contenido aparte del contenido de la página

    <details> | Define detalles adicionales que el usuario puede ver u ocultar

    <figure> | Especifica contenido autónomo como ilustraciones, diagramas, fotos, listados de códigos, etc.

    <figcaption> | Define un título para un elemento <figure>

    <footer> | Define un pie de página para un documento o sección

    <header> | Especifica un encabezado para un documento o sección

    <main> | Especifica el contenido principal de un documento

    <mark> | Define texto marcado / resaltado

    <nav> | Define enlaces de navegación

    <section> | Define una sección en un documento

    <summary> | Define un encabezado visible para un elemento <details>]]>     2023-10-02 01:37:52 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727847965     CREACION DE TABLAS EN HTML sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727854209 Dentro del lenguaje de diseño web, las tablas HTML se crean usando las etiquetas <table> y </table>. En ella se incluyen dos etiquetas importantes: <tr>, que es para crear filas de tablas y <td>, para crear celdas de datos. Todo lo que esté dentro de ambas etiquetas es el contenido de la celda de la tabla.]]> 2023-10-02 01:46:52 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727854209 CREACION DE FORMULARIO Y TIPOS DE ETIQUETAS INPUTS DISPONIBLES sanhernandez097 https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727858088 Al escribir la etiqueta <form> estarás iniciando tu formulario. Recuerda que este elemento funciona como contenedor, del mismo modo que lo hacen otras etiquetas tales como <div></div> o <table></table> .

    Los tipos de etiquetas INPUTS disponibles en HTML son:

    • Input Datetime-local.
    • Input Month.
    • Input Time.
    • Input Week.
    ]]>     2023-10-02 01:52:09 UTC https://padlet.com/sanhernandez097/yg32emx10wc7rg6h/wish/2727858088