ACTIVIDAD 4 PÁGINAS WEB

ESTRUCTURA BÁSICA DE LA WEB

HTML

HTML es un lenguaje de marcado mediante el cuál se estructura la base y contenido de cualquier página web.

Es un lenguaje de marcado que mediante de etiquetas dicta la estructura de una página web

HEAD

El elemento HTML <head> provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos.

La etiqueta head es obligatoria ya que incluye el titulo del documento y sus estructura inicial y  también cierra el código.

Introducción a HTML. Módulo 3

BODY

Contiene todo el contenido de un documento HTML, como encabezados, imágenes, hipervínculos, tablas, listas, párrafos, etc. 

  1. Solo puede haber un elemento <body> en un documento 
  2. La etiqueta de inicio se puede omitir si lo primero que hay dentro no es un carácter de espacio, comentario, elemento <script> o elemento <style> 

Dentro de esta etiqueta se coloca todo el contenido principal que se mostrará en la página, texto, imágenes, tablas, etc.



CARACTERÍSTICAS

Define la jerarquía de títulos, el flujo de párrafos y la ubicación de imágenes

Utiliza etiquetas (tags) para delimitar y dar significado a los diferentes elementos de la página.

Usa etiquetas para estructurar las páginas, cada etiqueta tiene una acción predeterminada



EJEMPLOS


Código HTML
Guarda el código como un archivo
Así se ve el archivo HTML ejecutado por un navegador






Comentarios

Publicar un comentario

Entradas más populares de este blog

Evaluación diagnóstica 2: Páginas web

Imagen
  MENCIONA CON TUS PALABRAS QUÉ ENTIENDES Y PARA QUÉ CREES QUE TE SIRVEN: Dominio:  es la parte de una dirección web que nos dice a qué o a quien pertenece, es un nombre único que identifica una pagina o sitio web Hosting: es el lugar de almacenamiento de la información de las páginas web Applets: es un software que se inserta y que funciona (se ejecuta) como una aplicación independiente dentro del lugar insertado. W3C: es la asociación que dicta o que recomienda normas y estándares para el desarrollo continuo de la web WWW   HTML: es un lenguaje de programación que define la estructura de contenido de una página web y sus contenidos CSS: lenguaje que se usa en HTML para definir como van a aparecer ciertos elementos de una pagina web como color, tamaño, etc. Marquetación: es como se organiza y presenta el contenido de un sitio web de manera que sea funcional y visualmente estructurado 
Leer más

ACTIVIDAD 4 Y 8 DISEÑO DIGITAL

Imagen
Software para edición de gráficos de mapa de bits Entorno El entorno se refiere a la interfaz del programa. Suele incluir: Barra de herramientas: donde están las herramientas principales como pinceles, borradores, y selección. Lienzo: el área principal donde editas o creas imágenes. Paneles de control: como el de capas, colores, y ajustes. Menús: para acceder a funciones adicionales como filtros, configuraciones o atajos. El entorno es el espacio donde se trabaja y se edita o crea una imagen. Herramientas básicas Selección: herramientas como el lazo, la varita mágica, o selección rectangular. Pinceles: para dibujar o pintar con diferentes tamaños y estilos. Borrador: para eliminar contenido. Rellenos y degradados: para colorear áreas completas. Cortar y recortar: ajustar el tamaño del lienzo o seleccionar áreas específicas. Las herramientas son las que nos permitirán editar o agregar cosas a nuestra imagen, como el pincel para hacer trazos, seleccionar para editar solo el espacio u obj...
Leer más

ACTIVIDAD 1 DISEÑO DIGITAL

Imagen
CREACIÓN Y EDICIÓN DE SOFTWARE PARA EDICIÓN DE GRÁFICOS VECTORIALES ¿Qué es la creación y edición de software para gráficos vectoriales? Se refiere al desarrollo de programas que permiten diseñar, modificar y manipular imágenes o ilustraciones que están basadas en vectores. A diferencia de los gráficos rasterizados, que se componen de píxeles, los gráficos vectoriales están formados por líneas, curvas y formas matemáticas, lo que permite escalarlos sin perder calidad. Son programas/aplicaciones con herramientas que permiten crear o modificar imágenes de vectores, es decir sin importar las ediciones que se le hagan a la imagen esta no pierde su calidad. Gráfico de razterizado Gráfico en mapa de bits ¿Qué herramientas debe tener un software de edición y creación de gráficos vectoriales? 1. Herramientas de dibujo y edición Pluma: Permite crear líneas y curvas con puntos de anclaje. Formas básicas: Rectángulos, círculos, polígonos, etc., que sirven como base para diseños. Borrador y t...
Leer más