Scribd
Cargar
2 vistas5 páginas

Ejercicios de HTML

El documento presenta ejercicios de HTML, explicando conceptos básicos como la definición de HTML, la función de etiquetas clave y la diferencia entre etiquetas y atributos. Incluye ejemplos prácticos de código HTML que abarcan la creación de una página personal con secciones sobre hobbies, comidas favoritas, una tabla y un formulario. Se destaca el uso de etiquetas semánticas de HTML5 y la estructura general de un documento HTML.

Cargado por

Carolina Prato
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
2 vistas5 páginas

Ejercicios de HTML

El documento presenta ejercicios de HTML, explicando conceptos básicos como la definición de HTML, la función de etiquetas clave y la diferencia entre etiquetas y atributos. Incluye ejemplos prácticos de código HTML que abarcan la creación de una página personal con secciones sobre hobbies, comidas favoritas, una tabla y un formulario. Se destaca el uso de etiquetas semánticas de HTML5 y la estructura general de un documento HTML.

Cargado por

Carolina Prato
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Ejercicios de HTML

Presentado por: Sebastián Andrés Suarez Prato

Materia: Producción Multimedial

Presentar a nombre de: Juan Pérez

Actividades a realizar:

EJERCICIO 1: Conceptos básicos

1.¿Qué es HTML y para qué se utiliza?

HTML es un lenguaje de marcado que se usa para crear y estructurar páginas web (textos,
imágenes, enlaces, etc.).

2.¿Cuál es la función de las etiquetas <html>, <head> y <body>?

<html>: contiene todo el documento.

<head>: incluye información del documento (título, configuración, enlaces a estilos).

<body>: contiene el contenido visible de la página.

3.¿Qué diferencia hay entre una etiqueta y un atributo?

Una etiqueta define un elemento (por ejemplo <p>).


Un atributo da información extra a la etiqueta (por ejemplo <a href="...">).

4.¿Para qué se usa la etiqueta <title>?

Para colocar el nombre que aparece en la pestaña del navegador.

[Link] tres etiquetas semánticas de HTML5

Ejemplos: <header>, <section>, <footer>.

EJERCICIO 2,3,4 y 5:
!DOCTYPE html>

<html>

<head>

<title>Mi primera página</title>

</head>

<body>

<h1>Sebastián Suárez</h1>

<p>Soy estudiante y me interesa la tecnología y los videojuegos como Dragon Ball Legends.</p>

<h2>Mis hobbies</h2>

<ol>

<li>Jugar videojuegos</li>

<li>Escuchar música</li>

<li>Ver anime</li>

</ol>
<h2>Comidas favoritas</h2>

<ul>

<li>Pizza</li>

<li>Hamburguesa</li>

<li>Arroz con pollo</li>

</ul>

<p>

<a href="[Link] target="_blank">

Visitar mi página web favorita

</a>

</p>

<h2>Imagen</h2>

<img src="[Link]" alt="Imagen de Dragon Ball Legends" width="200">

<h2>Tabla</h2>

<table border="1">

<tr>

<th>Materia</th>

<th>Profesor</th>

<th>Horario</th>

</tr>

<tr>
<td>Programación</td>

<td>Juan Pérez</td>

<td>8:00 am</td>

</tr>

<tr>

<td>Matemáticas</td>

<td>María López</td>

<td>10:00 am</td>

</tr>

<tr>

<td>Inglés</td>

<td>Carlos Gómez</td>

<td>2:00 pm</td>

</tr>

</table>

<h2>Formulario</h2>

<form>

<label>Nombre:</label><br>

<input type="text"><br><br>

<label>Correo electrónico:</label><br>

<input type="email" value="sebastianprato886@[Link]"><br><br>

<label>Contraseña:</label><br>
<input type="password"><br><br>

<input type="submit" value="Enviar">

</form>

</body>

</html>

También podría gustarte