Diseño

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 5

Realizar investigación de los siguientes

conceptos:
1.Que es HTML?
2.Cual es la Estructura de HTML?
3.Como se compone un documento de HTML?
4.Cuales son los Formateo Básicos y
Caracteres Especiales en HTML?
5.Realizar resumen sobre video colocado en
los recursos de la semana.
Realizar en Word y convertirlo en PDF.

Respuestas:
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje estándar
utilizado para crear y estructurar páginas web. Define la
estructura y el contenido de una página a través de una serie
de etiquetas (tags), que le indican al navegador cómo mostrar
el texto, imágenes, videos y otros elementos.
¿Cuál es la estructura de HTML?
La estructura básica de un documento HTML se organiza en
diferentes etiquetas que deben seguir un orden específico.
Aquí te muestro un ejemplo básico de cómo se estructura:
html
Copiar código
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado principal</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
¿Cómo se compone un documento HTML?
Un documento HTML se compone principalmente de las
siguientes partes:
1. <!DOCTYPE html>: Declaración que indica al
navegador que se está utilizando la versión HTML5.
2. <html>: Etiqueta raíz que encierra todo el contenido de
la página.
3. <head>: Contiene metadatos sobre la página como el
título, la codificación, enlaces a hojas de estilo, scripts,
etc.
4. <title>: Título de la página que aparece en la pestaña
del navegador.
5. <body>: Incluye todo el contenido visible de la página,
como encabezados, párrafos, imágenes, enlaces, etc.
¿Cuáles son los formatos básicos y caracteres
especiales de HTML?
Formatos básicos:
 Encabezados: <h1> a <h6> para definir títulos de mayor
a menor importancia.
html
Copiar código
<h1>Título 1</h1>
<h2>Título 2</h2>
 Párrafos: <p> para definir párrafos.

html
Copiar código
<p>Este es un párrafo.</p>
 Enlaces: <a> para crear hipervínculos.
html
Copiar código
<a href="https://www.ejemplo.com">Enlace a
ejemplo</a>
 Imágenes: <img> para mostrar imágenes.

html
Copiar código
<img src="imagen.jpg" alt="Descripción de la imagen">
 Listas: <ul> para listas no ordenadas y <ol> para listas
ordenadas.
html
Copiar código
<ul>
<li>Elemento de lista</li>
</ul>
Caracteres especiales:
Para mostrar ciertos caracteres que tienen un significado
especial en HTML (como < y >, por ejemplo), es necesario
usar entidades HTML. Algunos ejemplos son:
 Espacio en blanco: &nbsp;
 Menor que: &lt;
 Mayor que: &gt;
 Ampersand: &amp;
 Comillas dobles: &quot;
 Símbolo de euro: &euro;

Estos caracteres ayudan a evitar confusiones con el uso de


etiquetas o símbolos especiales dentro del código HHTML.
Resumen de los vídeos colocados en los recursos de la
semana
HTML5 es la quinta versión del lenguaje de marcado HTML
(HyperText Markup Language) utilizado para crear y
estructurar contenido en la web. Fue lanzado para mejorar la
semántica del contenido, la compatibilidad con dispositivos
móviles, y el soporte de multimedia sin la necesidad de
plugins como Flash.
Elementos básicos de HTML5
1. Doctype: Define el tipo de documento como HTML5.
2. Estructura básica:
o html: El contenedor principal de un documento
HTML.
o head: Contiene metadatos como el título de la
página, enlaces a hojas de estilo, scripts, etc.
o body: Contiene el contenido visible para el usuario.

Nueva estructura y elementos de HTML5


HTML5 introdujo nuevos elementos semánticos para mejorar
la estructura y el significado del contenido en las páginas
web. Algunos de los más importantes son:
1. <header>: Representa el encabezado de una página o
una sección.
2. <nav>: Define un bloque de enlaces de navegación.
3. <section>: Define una sección del contenido.
4. <article>: Utilizado para contenidos independientes y
autónomos como artículos o entradas de blog.
5. <aside>: Representa contenido relacionado que puede
estar al margen del contenido principal, como barras
laterales o anuncios.
6. <footer>: Representa el pie de página de una sección o
de un documento completo.
7. <figure> y <figcaption>: Utilizado para asociar
imágenes y sus pies de foto.
8. <audio> y <video>: Soporte nativo para multimedia.

También podría gustarte