Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Orientación Universidad
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Busca documentos
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Busca tu universidad
Encuentra los documentos específicos para los exámenes de tu universidad
Video Cursos
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Quiz
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pregúntale a la comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
¡Nuestros e-books salva-estudiantes!
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
Introducción al lenguaje HTML: Estructura y elementos básicos, Diapositivas de Informática
Este documento proporciona una introducción al lenguaje de marcado de hipertexto (html), el lenguaje estándar para crear páginas web. Se explica la estructura básica de un documento html, incluyendo elementos como <!doctype html>, <html>, <head>, <title>, <body>, <h1>, <p>, <a>, <img>, <hr>, <br> y <pre>. Se incluyen ejemplos de código para ilustrar el uso de estos elementos y se abordan conceptos como atributos, url absolutas y relativas, y el atributo alt para imágenes.
Tipo: Diapositivas
2023/2024
1 / 30
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!
Documentos relacionados
Vista previa parcial del texto
¡Descarga Introducción al lenguaje HTML: Estructura y elementos básicos y más Diapositivas en PDF de Informática solo en Docsity!
¿Qué es HTML?
- (^) HTML significa lenguaje de marcado de hipertexto
- (^) HTML es el lenguaje de marcado estándar para crear páginas web.
- (^) HTML describe la estructura de una página web
- (^) HTML consta de una serie de elementos
- (^) Los elementos HTML le indican al navegador cómo mostrar el contenido
- (^) Los elementos HTML etiquetan fragmentos de contenido como "esto es un encabezado", "esto es un párrafo", "esto es un enlace", etc.
Explicación
- La **** declaración define que este documento es un documento HTML
- El **** elemento es el elemento raíz de una página HTML.
- El **** elemento contiene metainformación sobre la página HTML
- El **** elemento especifica un título para la página HTML (que se muestra en la barra de título del navegador o en la pestaña de la página)
- El <body> elemento define el cuerpo del documento y es un contenedor para todo el contenido visible, como encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etc.
- El <h1> elemento define un encabezado grande
- El <p> elemento define un párrafo
Ejemplo
Mi primer encabezado
Mi primer párrafo
Encabezados HTML
Los encabezados HTML se definen con las etiquetas **** hasta ** ** define el encabezado más importante y **** define el menos importante Encabezado 1 Encabezado 2 Encabezado 3
Enlaces HTML
Los enlaces HTML se definen con la etiqueta Esto es un enlace El destino del enlace se especifica en el href atributo. Los atributos se utilizan para proporcionar información adicional sobre los elementos HTML.
Imágenes HTML
Las imágenes HTML se definen con la etiqueta . El archivo de origen ( src ), el texto alternativo ( alt ), width y height son atributos.
Atributo href
La etiqueta **** define un hipervínculo. El atributo href especifica la URL de la página a la que lleva el vínculo: Visita Google
Atributo src
La etiqueta **** se utiliza para incrustar una imagen en una página HTML. El atributo src especifica la ruta a la imagen que se mostrará:
Atributos width y height
La etiqueta **** también debe contener los atributos width y height , que especifican el ancho y la altura de la imagen (en píxeles):
Atributo alt
El atributo alt requerido para la etiqueta **** especifica un texto alternativo para una imagen, si por algún motivo no se puede mostrar la imagen. Esto puede deberse a una conexión lenta, a un error en el atributo src o si el usuario utiliza un lector de pantalla.
Atributo lang
Siempre debe incluir el atributo lang dentro de la etiqueta **** para declarar el idioma de la página web. Esto tiene como objetivo ayudar a los motores de búsqueda y navegadores. El siguiente ejemplo especifica el inglés como idioma:
...
Atributo lang
También se pueden añadir códigos de país al código de idioma en el atributo lang. De esta forma, los dos primeros caracteres definen el idioma de la página HTML y los dos últimos, el país. El siguiente ejemplo especifica inglés como idioma y Estados Unidos como país:
...