DISEÑO DE APLICACIONES EN HTML 5

HTML5MARLON RAMIREZ (ZHIONIT)

QUE ES HTML?

HTML, siglas de hypertext markup language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web.

DOCTYPE: Define el tipo de documento.Este elemento, le indica al navegador la versión y tipo de HTML empleado en el documento.

Elemento html: Delimita el documento HTML, indicando al navegador el comienzo y fin de la página html.

-Elemento head: head viene del ingles cabeza y su función es delimitar cabecera del documento.La cabecera es la sección apropiada para incluir información sobre el documento, la mayoría de la cual no será mostrada a los lectores.

Elemento title: Indica el título del documento. En general, los navegadores modernos lo muestran en la barra de título de la ventana.

Elemento body: Delimita el cuerpo del documento.Aquí van todos los contenidos de la página (texto, imágenes...)

Texto con h1h1 es una etiqueta que sirve para colocar la frase que indica el

título del contenido de una página web.

Texto con h2La etiqueta H2 es un elemento que indica títulos de

importancia para subsecciones del documento web actual.

Texto con h3Las etiquetas H3 en adelante nos permiten definir títulos de subapartados

de un bloque encabezado con un H2.

Texto con h4

ETIQUETAS DE ENCABEZADO

La etiqueta de encabezado H1 y sus

hermanas pequeñas son una de las

herramientas más potentes con las que contamos a nivel de

SEO

SEARCH ENGINEOPTIMIZATION

HTML ofrece a los autores varios mecanismos para especificar listas de información. todas las listas deben contener uno o más objetos de lista. las

listas pueden contener:

LISTAS

Información no ordenada <UL>

Información ordenada <OL>

Definiciones –Objetos de lista <LI>

<UL><LI>Información no ordenada. </LI><LI>Información ordenada.</LI><LI>Definiciones.</LI></UL>

<ol><li>Mezcle los ingredientes secos íntimamente.</li><li>Vierta los ingredientes líquidos.</li><li>Remueva durante 10 minutos.</li><li>Hornee durante una hora a 300 grados.</li></ol>

QUE ES UNA URL?

▪ URL

▪ Uniform Resource Locator

▪ localizador uniforme de recurso

Se refiere a la dirección única que identifica a una página web

en Internet.

ENLACES EN HTML

▪ <a href="destino">contenido</a> Sintaxis general

▪ Href (Hypertext Reference)

▪ Enlaces internos: Los que se dirigen a otras partes dentro de la misma página.

▪ Enlaces locales: Los que se dirigen a otras páginas del mismo sitio web.

▪ Enlaces remotos: Los dirigidos hacia páginas de otros sitios web.

▪ Enlaces con direcciones de correo: Para crear un mensaje de correo dirigido a una dirección.

▪ Enlaces con archivos: Para que los usuarios puedan hacer download de ficheros.

INSERTAR IMAGENES▪ <IMG SRC="immagine.gif"> Sintaxis general

▪ SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen

▪ ALT El uso de texto para comentar las imágenes es una regla fundamental

▪ WIDTH es la dimensión horizontal (ancho) de la imagen expresada en píxel,

▪ HEIGHT la dimensión vertical (alto).

▪ BORDER podemos aplicar un borde a la imagen.

▪ HSPACE Distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

▪ VSPACE Distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

▪ <IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="Obra de K. Haring">

• <TABLE> genera la tabla, mientras que <TD>sirve para definir los campos presentes dentro

de esta tabla.• <TR> que es una especie de "salto" de fila dentro

de la tabla.

TABLAS

Gracias

Marlon Ramirez (Zhionit)