Diseño
Diseño
Diseño
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:
Menor que: <
Mayor que: >
Ampersand: &
Comillas dobles: "
Símbolo de euro: €