This document was uploaded by user and they confirmed that they have the permission to share
it. If you are author or own the copyright of this book, please report to us by using this DMCA
report form. Report DMCA
Al finalizar la unidad de aprendizaje, el estudiante utiliza Tipos y Subtipos de Gráficos, para la presentación de información profesional.
HTML
¿Cuánto sabes? ¿Qué una página WEB? ¿Por qué es importante que las empresas o instituciones tengan una página Web? ¿Qué se necesita para tener ésta pagina Web?
¿Que Aprenderemos?
Estructura de una Página WEB Página Web •Tablas • Párrafos • Capas Estructura •• Encabezados Listas • Etc. Contenido
• Textos • Imágenes • Enlaces
Apariencia
• Colores • Tipografías • Alineación
Comportamiento
• • •
Fondos Tamaños Etc.
• Efectos • Validaciones • Automatización
Estructura de una Página WEB
¿Qué es HTML? Es un lenguaje de marcas utilizado para el desarrollo de páginas web.
Define la estructura y contenido que debe tener una web. No define el estilo visual que tendrá para eso se usará CSS. Ha sido establecido como estándar de diseño web por el W3C. Los navegadores deben saber interpretar este lenguaje de manera correcta (no siempre IE) Sobre HTML se desarrollan tecnologías para facilitar a los usuarios el diseño de una web.
Elementos de HTML • Los elementos son los componentes fundamentales del HTML, En general se conforman con una Etiqueta de Apertura y otra Cierre.
• Cuentan con 2 propiedades básicas: 1. Los Atributos, que se colocan dentro la etiqueta de apertura, y 2. El contenido, que se coloca entre la etiqueta de apertura y la de cierre.
Elementos de HTML Elemento Etiqueta de Apertura
Contenido
Hola mundo Nombre
Valor
Atributo
Etiqueta de Cierre
Sintaxis
Etiquetas vacías
ELEMENTOS DEL HTML
Un documento HTML simple Mi primer titulo de pagina WEB
Mi primer Encabezado
Mi primer parrafo.
El elemento HTML El elemento es un contenedor para metadatos.
My First HTML <meta charset="UTF-8"> . . .
Encabezados HTML Títulos HTML se definen con las etiquetas
hasta
:
Heading
Heading
Heading
Heading
Heading
Heading
1
2 3 4 5 6
Párrafos HTML Los párrafos HTML se definen con la etiqueta
:
This is a paragraph.
This is another paragraph.
Enlaces HTML Los enlaces HTML se definen con la etiqueta : This is a link
Imágenes HTML Las imágenes HTML se definen con la etiqueta .
El archivo de origen ( src), el texto alternativo ( alt) width, y height se proporcionan como atributos:
Botones HTML Los botones HTML se definen con la etiqueta