miércoles, 16 de noviembre de 2016

INTRODUCCIÓN A HTML

HTML quiere decir HYPER TEXT MARKUP LANGUAGE y es el codigo estandar basico para la programacion o creacion de paginas web. 

TIPOS DE ESTRUCTURAS CLASICAS


JERARQUICA: es la tipica estructura de arbol, en el que la raiz (index) contiene una representacion o introduccion y un menu principal.
Resultado de imagen para estructura lineal en html


Lineal: es la estructura mas simple de todas, en que se navega de una pagina a la siguiente o a la anterior, como si se estuviera leyendo un libro.


Resultado de imagen para estructura lineal en html
Lineal con jerarquia: es una mezcla de las dos estructuras anteriores; los temas y subtemas estan organizados de una forma jerarquica, pero puedes leer el contenido en orden de forma lineal.
Resultado de imagen para estructura lineal en html

Red: es una organizacion libre sin un orden establecido aparente.

Resultado de imagen para estructura de red em html

HTML Y TAGS

El HTML es un lenguaje de marcadores o TAGS, que se insertan en un documento de texto.

Los TAGS aon indicaciones que silenciosamente le dicen al navegador que hacer. El navegador lee las instrucciones y despliega o ejecuta lo que se le indica.  

Al conjunto de instrucciones que definen una pagina web se le llama Codigo Fuente.

La primera regla en HTML es muy simple: los tags siempre van en parejas.


ejemplo: <b> este texto se mostrara en negrita </b>


El tag <b> activa la orden de colocar el texto en negrita y el tag finall </b> la desactiva.


ESTRUCTURA GENERAL DE UNA PAGINA

todas las paginas HTML comienzan con el tag <html> y terminan con el tag </html>. Esta seccion limita el documento e indica que todo lo que esta dentro de los marcadores se encuentra escrito en este lenguaje.
  Resultado de imagen para estructura general de  una pagina  html

EN DONDE ESCRIBIR EL CODIGO FUENTE

El codigo fuente de una pagina web se puede escribir en cualquier programa que pueda trabajar con texto sin formato, la opcion mas simple es utilizar el bloc de notas, que es un accesorio estandar incluido con el sistema operativo windowa¡s.
una vez se escribe el codigo fuente en el bloc de notas se debe guardar con la extension .html.

LOS TAGS MAS IMPORTANTES DE HTML

Resultado de imagen para tags mas importante en html

TRABAJO CON COLOR

los colores en el monitor se forman mediante la combinacion de tres canales de color rojo,verdey azul con los que se pueden formar todos los colores para una pagina web. Cualquier color puede expresarse mediante un codigo numerico formado de 3 valores, que indican el valor de rojo, el valor de verde y el valor de azul.
Resultado de imagen para tabla de codigo de color  en html

ESQUEMA DE COLORES

De forma predeterminada los navegadores usan el esquema de colores basico siguiente:

  • el fondo del documento es blanco.
  • el texto normal es negro.
  • los links son azules.
  • los links ya visitados se vuelven morados.
  • los links activos mientras les hace links son rojos.
TRABAJOS CON LIGAS

la clave para la funcionalidad de los navegadores es el hipertexto. El hipertexto permite que un documento llame a otro documento por medio de enlaces activos que se esconden en palabras, frases, botones o imagenes.

Resultado de imagen para links en html




TRABAJO CON LISTAS

En HTML es posible crear listas compuestas por elementos llamados items. La diferencia entre los tres tipos de listas disponibles es el identificador de cada item de la lista.

 Resultado de imagen para lista de definicion html

TRABAJO CON RUTAS

al crear una liga, si ademas del nombre del archivo no especificas una ruta, el documento ligado debe estar en la misma ubicacion que el archivo HTML de la pagina web.

TIPOS DE RUTAS:

1. RUTAS ABSOLUTAS
Las rutas absolutas determinan la posicion especifica de un archivo, independientemente de la ubicacion del archivo que lo llama.
Resultado de imagen para rutas absolutas en html

2.RUTAS RELATIVAS
indica al navegador la ubicacion de un archivo con respecto a la ubicacion de la pagina que contiene el codigo de la liga.

TRABAJANDO CON IMAGENES
Todas las imagenes de una pagina en HTML son archivos externos al documento, guardados en alguna ubicacion. El  codigo HTML en la pagina le indica al navegador en donde se encuentra guardado el archivo de imagen y en que lugar de la pagina lo debe desplegar. Tambien le puede dar indicaciones acerca del formato que se debe usar para la imagen.

TIPOS DE IMAGENES:
1. Imagenes de fondo (background).
2. Imagenes en en documente.
3. Borde de imagen.
4. Alineacion horizontal de las imagenes.
5. Alineacion vertical de las imagenes.
Resultado de imagen para trabajando con imagenes en html

TABLAS EN HTML

En HTML no es posible mover la imagen a la posocion que quieras, como lo haces en un procesador de palabras. 

Para tener control preciso de la ubicacion de las imagenes y el texto en un documento web, es necesario crear tablas. Las tablas son las estructuras mas importantes para dar una buena presentacion a una pagina web. Una tabla es la agrupacion de celdas en columnas y filas.

Resultado de imagen para tablas en html







No hay comentarios.:

Publicar un comentario