Recomendados
Más contenido relacionado
Similar a institucion educativa la esperanza sede magdalena
Similar a institucion educativa la esperanza sede magdalena (20)
Último
Último (7)
institucion educativa la esperanza sede magdalena
- 1. CODIGOS HTML Integrantes: Helen Arboleda, Junior Cuellar
- 2. ¿Qué son las etiquetas HTML? Las "tags" HTML, o "etiquetas" HTML, son códigos utilizados para "marcar" el texto de una página web, con el fin de dar instrucciones al navegador sobre cómo mostrarlo. Es decir, las etiquetas HTML son el lenguaje utilizado para estructurar y definir el contenido en un documento HTML. Estas etiquetas se encuentran en el HTML (o Lenguaje de Marcado de Hipertexto) de cada página. Cada etiqueta contiene instrucciones sencillas que indican al navegador cómo dar formato al texto y a definir los diversos elementos de la página web. Al aplicar estas etiquetas de marcado a los diferentes elementos del texto, se indica al navegador cómo mostrarlos al usuario, lo que permite crear páginas web estructuradas y con un diseño coherente.
- 3. ¿Para que sirven las etiquetas HTML? Por ejemplo, puedes utilizar etiquetas HTML para aplicar cursivas, crear saltos de línea, insertar objetos multimedia, crear listas con viñetas o para definir diferentes tipos de contenido en una página web, como encabezados, párrafos, imágenes, enlaces, formularios y mucho más. En resumen, las etiquetas HTML son esenciales para diseñar y organizar el contenido de una página web de manera efectiva y clara.
- 4. ¿Cómo leen las páginas web las tags HTML? Los servidores leen el código HTML para entender y mostrar el contenido. Leerá el HTML de arriba abajo, de forma muy parecida a como estás leyendo esta guía. Puedes utilizar tantas o tan pocas etiquetas como quieras para dar formato al contenido. Sin embargo, hay algunas reglas y tags HTML esenciales que deberás seguir.
- 5. ¿Cómo se compone una etiqueta en HTML? Una etiqueta de apertura — esta empezará con un símbolo < >. Contenido — unas breves instrucciones sobre cómo mostrar el elemento en la página. Una etiqueta de cierre — cerrará con un símbolo </ >. Sin embargo, algunas tags HTML pueden no cerrarse. Esto significa que la etiqueta HTML no necesita cerrarse con un </ >. Normalmente, usarás etiquetas no cerradas para metadatos o saltos de línea.
- 6. ¿Cuál es la diferencia entre atributo, elemento y etiqueta HTML? Pese a que esta guía trata sobre las tags HTML, es importante conocer la diferencia entre etiquetas, elementos y atributos HTML. Aunque los términos "atributo", "elemento" y "etiqueta" suelen utilizarse indistintamente, hay diferencias sutiles entre ellos. Un elemento HTML es un elemento de la página; forma parte del contenido de la misma. Una tag HTML afecta a la apariencia de un elemento HTML. Un atributo HTML describe las características de ese elemento. Aquí tienes un desglose de cómo funcionan juntos los elementos, las etiquetas y los atributos:
- 7. Las etiquetas HTML contienen instrucciones para definir un elemento HTML específico e indican cómo mostrarlo en la página. Cada etiqueta HTML comienza con un símbolo de menor que "<" y termina con un símbolo de mayor que ">", y preceden y siguen al contenido del elemento. Por ejemplo, la etiqueta <p> define un párrafo en HTML. Un elemento HTML es un conjunto completo de etiquetas y contenido que define un elemento específico en una página web. Es decir, los elementos HTML son el contenido de la página intercalado entre las etiquetas. Por ejemplo, el elemento <p> incluiría tanto la etiqueta de apertura <p> como el contenido del párrafo, así como la etiqueta de cierre </p>. Los atributos HTML proporcionan información adicional a los elementos HTML sobre cómo se debe procesar o mostrar el contenido. Los atributos se agregan a las etiquetas HTML utilizando la sintaxis de "nombre de atributo=valor". Por ejemplo, la etiqueta <img> puede incluir un atributo src que especifique la ubicación de la imagen en la página, o la etiqueta <html> puede incluir un atributo lang que especifique el idioma y país: <html lang="en-US">.
- 8. Tipo Etiquetas HTML Elementos HTML Atributos HTML Contiene Instrucciones sobre cómo mostrar un elemento en la página. El contenido de la página que debe mostrarse. Información adicional sobre los elementos de la página. Apariencia Empiezan por < y terminan por >. Intercalado en una etiqueta HTML. Aparecen en la etiqueta inicial antes de cualquier elemento.
- 9. En resumen, las etiquetas HTML son los bloques de construcción básicos de una página web, los elementos son los bloques completos que incluyen etiquetas y contenido, y los atributos se utilizan para proporcionar información adicional sobre cómo procesar o mostrar los elementos.
- 10. ¿Qué son las etiquetas HTML básicas? Las etiquetas HTML básicas son las etiquetas más comúnmente utilizadas en la estructura de una página web. Estas etiquetas básicas suelen conformar la estructura básica de una página web y son esenciales para el desarrollo web. Sin embargo, hay muchas otras etiquetas HTML más avanzadas y especializadas que se pueden utilizar para diseñar páginas web más complejas. Te hablo de ellas más adelante.
- 11. ¿Cuáles son las etiquetas HTML básicas? Las etiquetas HTML más utilizadas son: <!DOCTYPE>: Se utiliza para especificar la versión de HTML que se está utilizando en la página. <html>: Define el inicio y el final de la página web. <head>: Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros. <title>: Define el título de la página web que aparece en la pestaña del navegador. <body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página. <h1> a <h6>: Define los encabezados o títulos de diferentes niveles de jerarquía en la página web. El uso de esta etiqueta formateará cualquier texto entre la etiqueta <h> de apertura y la etiqueta </h> de cierre como un Título o subtítulo. Por ejemplo, en <h>Etiqueta de encabezamiento</h2>, <h2> y </h2> serían las etiquetas HTML y "Etiqueta de encabezamiento" es el elemento HTML, es decir, el encabezamiento de la página.
- 12. <a>: Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección diferente de la misma página. <img>: Define una imagen que se mostrará en la página web. <p>Etiqueta de párrafo</p>: Define un párrafo de texto. Las etiquetas <p> y </p> son etiquetas HTML y la "Etiqueta de párrafo" es el elemento HTML, es decir, el texto de la página. Esta etiqueta formatea cualquier texto entre la etiqueta <p> de apertura y la etiqueta </p> de cierre como un párrafo estándar o texto de cuerpo principal. <b>Etiqueta de negrita</b>: Esta etiqueta dará formato de negrita a cualquier texto que se encuentre entre la etiqueta <b> de apertura y la etiqueta </b> de cierre. Aquí, <b> y </b> son las etiquetas HTML y la "etiqueta de negrita" es el elemento HTML, es decir, el texto de la página. <i>Etiqueta de cursiva</i>: Esta etiqueta formateará como cursiva cualquier texto entre la etiqueta de apertura <i> y la etiqueta de cierre </i>. Aquí, <i> y </i> son las etiquetas HTML y "Etiqueta cursiva" es el elemento HTML (el texto de la página). <u>Etiqueta de subrayado</u>: Esta etiqueta formateará cualquier texto entre la etiqueta <u> de apertura y la etiqueta </u> de cierre como subrayado. Aquí, <u> y </u> son las etiquetas HTML y "Etiqueta de subrayado" es el elemento HTML, es decir, el texto de la página.
- 13. Cómo revisar las etiquetas HTML de tu web Si ya tienes etiquetas HTML en tus páginas y quieres comprobar si se utilizan correctamente, puedes hacerlo mirando el HTML de tu página. Para ello, solo necesitas tu navegador web. Para ver el HTML de tu página web, debes: Hacer clic con el botón derecho del ratón mientras estás en tu página en Google Chrome. Selecciona en "Inspeccionar". Verás el código HTML en un recuadro en la parte lateral o inferior de tu página. Usa Ctrl + F para encontrar etiquetas o elementos concretos. Para comprobar si tu web usa de la manera correcta las etiquetas HTML, puedes hacer una auditoría SEO de la misma web. Herramientas de terceros como la herramienta de Auditoría del sitio puede comprobar si las etiquetas y atributos HTML básicos son correctos y si tus páginas utilizan demasiado HTML.