martes, 25 de febrero de 2025

Actualizacion WEB PAGE



Colores HEXAGESIMALES
https://htmlcolorcodes.com/es/
en No hay comentarios:

miércoles, 12 de febrero de 2025

CODIGOS HTML

Realizar cada uno de los CODIGOS con su profesor:

Etiquetas básicas de estructura

  • <html>: Define el documento HTML.
  • <head>: Contiene metadatos sobre el documento, como el título y enlaces a hojas de estilo.
  • <title>: Especifica el título del documento, que se muestra en la barra de título del navegador.
  • <body>: Contiene el contenido visible de la página.

Ejemplo

HTML
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi página de práctica</title>
</head>
<body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es un párrafo de ejemplo.</p>
</body>
</html>

Etiquetas de encabezado

  • <h1> a <h6>: Se utilizan para definir encabezados de diferentes niveles. <h1> es el encabezado principal, <h2> es un subencabezado, y así sucesivamente.

Ejemplo

HTML
<h1>Encabezado principal</h1>
<h2>Subencabezado</h2>
<h3>Encabezado de tercer nivel</h3>

Etiquetas de párrafo y texto

  • <p>: Define un párrafo.
  • <br>: Inserta un salto de línea.
  • <hr>: Crea una línea horizontal.
  • <strong>: Texto en negrita.
  • <em>: Texto en cursiva.

Ejemplo

HTML
<p>Este es un párrafo con <strong>texto en negrita</strong> y <em>texto en cursiva</em>.</p>
<br>
<hr>

Etiquetas de listas

  • <ul>: Define una lista no ordenada (con viñetas).
  • <ol>: Define una lista ordenada (con números).
  • <li>: Define un elemento de lista.

Ejemplo

HTML
<ul>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
</ul>

<ol>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
</ol>

Etiquetas de enlaces

  • <a>: Define un enlace. El atributo href especifica la URL del enlace.

Ejemplo

HTML
<a href="https://www.ejemplo.com">Enlace a ejemplo.com</a>

Etiquetas de imágenes

  • <img>: Inserta una imagen. El atributo src especifica la URL de la imagen.

Ejemplo

HTML
<img src="imagen.jpg" alt="Descripción de la imagen">

Etiquetas de tablas

  • <table>: Define una tabla.
  • <tr>: Define una fila de tabla.
  • <th>: Define una celda de encabezado de tabla.
  • <td>: Define una celda de datos de tabla.

Ejemplo

HTML
<table>
    <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
    </tr>
    <tr>
        <td>Dato 1</td>
        <td>Dato 2</td>
    </tr>
</table>

Etiquetas de formularios

  • <form>: Define un formulario para la entrada de datos del usuario.
  • <input>: Define un campo de entrada.
  • <button>: Define un botón.

Ejemplo

HTML
<form>
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre"><br><br>
    <input type="submit" value="Enviar">
</form>



en No hay comentarios:

jueves, 6 de febrero de 2025

Hiper Text Marked Language

¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje fundamental que se utiliza para construir la estructura y el contenido de las páginas web. No es un lenguaje de programación en el sentido tradicional, sino un lenguaje de marcado que utiliza etiquetas para describir los diferentes elementos de una página web.

¿Para qué se utiliza HTML?

HTML es esencial para la creación de cualquier página web. Permite:

  • Estructurar el contenido: Define la jerarquía y el significado de los elementos de una página, como encabezados, párrafos, listas, imágenes y enlaces.
  • Presentar información: Especifica cómo se mostrará el contenido en el navegador, incluyendo estilos básicos y disposición de los elementos.
  • Crear enlaces: Permite conectar diferentes páginas web entre sí, facilitando la navegación en Internet.
  • Integrar multimedia: Posibilita la inclusión de imágenes, audio y video en las páginas web.

¿Cómo funciona HTML?

HTML se basa en el uso de etiquetas que se escriben entre corchetes angulares (< >). La mayoría de las etiquetas tienen una etiqueta de apertura y una de cierre, y el contenido se coloca entre ellas. Por ejemplo:

HTML
<h1>Este es un encabezado</h1>
<p>Este es un párrafo de texto.</p>
<img src="imagen.jpg" alt="Descripción de la imagen">
<a href="https://www.ejemplo.com">Enlace a otra página</a>

¿Por qué aprender HTML?

Aprender HTML es fundamental para cualquier persona que desee crear o modificar páginas web. Proporciona la base para comprender cómo funcionan las páginas web y cómo se estructuran. Además, es un requisito básico para aprender otros lenguajes y tecnologías web más avanzadas, como CSS y JavaScript.

Recursos para aprender HTML:

  • Documentación de MDN Web Docs: Una excelente fuente de información y tutoriales sobre HTML y otras tecnologías web.
  • w3schools.com: Un sitio web con tutoriales interactivos y ejemplos prácticos para aprender HTML.
  • FreeCodeCamp: Una plataforma de aprendizaje en línea con cursos gratuitos sobre desarrollo web, incluyendo HTML.
Ejemplo:
en No hay comentarios:
Suscribirse a: Comentarios (Atom)