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 atributohrefespecifica 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 atributosrcespecifica 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>
No hay comentarios:
Publicar un comentario