Tecnologias Emergentes: febrero 2014

jueves, 27 de febrero de 2014

IMG
insertar una imagen

<img src="smiley.gif" >

No necesita un close tag en Html, pero en el Html 5 si.

Attribute	Value	Description
align	top bottom middle left right	Specifies the alignment of an image according to surrounding elements
alt	text	Specifies an alternate text for an image
border	pixels	Specifies the width of the border around an image
crossoriginNew	anonymous use-credentials	Allow images from third-party sites that allow cross-origin access to be used with canvas
height	pixels	Specifies the height of an image
hspace	pixels	Specifies the whitespace on left and right side of an image
ismap	ismap	Specifies an image as a server-side image-map
longdesc	URL	Specifies the URL to a document that contains a long description of an image
src	URL	Specifies the URL of an image
usemap	#mapname	Specifies an image as a client-side image-map
vspace	pixels	Specifies the whitespace on top and bottom of an image
width	pixels	Specifies the width of an image

EJEMPLO

<a href="https://www.facebook.com "> facebook </a>

TARGET

Es un atributo que te dirije se abriras en una pestaña nueva o en la misma

TARGET="_new"

<a href=https://www.facebook.com TARGET="_new" > facebook </a>

Para poner colores a los links :

link - standard link - to a page the visitor hasn't been to yet. (standard color is blue - #0000FF).

vlink - visited link - to a page the visitor has been to before. (standard color is purple - #800080).

alink - active link - the color of the link when the mouse is on it. (standard color is red - #FF0000).

miércoles, 19 de febrero de 2014

HTML

FONT

Atributos

Color – define el color del texto usando el nombre del color o un color especifico con el código hexadecimal #RRGGBB

<font color="#990000">This text is hex color #990000</font>

<br />

Size – especifica el tamaño de la fuente . los valores numéricos varian en el rango de 1 a 7, siendo 1 el mas pequeño y 3 el valor estándar

<p>

</p>

Face – define el tipo de letra que tendrá el texto. Es aconsejable usar varios tipos de letra porque existe la posibilidad que el usuario no tenga instalado uno de los tipos , luego por defecto pasa a “ Times new roman “

<p>

<font face="Georgia, Arial, Garamond">This paragraph

has had its font...</font>

</p>

Attribute=	"Value"	Description
size=	"Num. Value 1-7"	Size of your text, with 7 being biggest
color=	"rgb,name,or hexidecimal"	Font color
face=	"name of font"	Font type

Los atributos pueden ser usados en un mismo tag:

FONT USADO EN CSS:

Font Family

font-family: serif

font-family: sans-serif

font-family: fantasy

font-family: cursive

font-family: monospace

This is an example of a serif font.

This is an example of a sans-serif font.

This is an example of a monospace font.

This is an example of a cursive font.

This is an example of a fantasy font.

< style="font-family: Times, serif">

< style="font-family: Times, sans- serif">

< style="font-family: Times, monospace">

< style="font-family: Times, cursive">

< style="font-family: Times, fantasy">

FONT SIZE

font-size: xx-small  /* <absolute-size> values */

font-size: x-small

font-size: small

font-size: medium

font-size: large

font-size: x-large

font-size: xx-large

font-size: larger    /* <relative-size> values */

font-size: smaller

font-size: 12px      /* <length> values */

font-size: 0.8em

font-size: 80%       /* <percentage> values */

font-size: inherit

Sample text formatted with inline CSS.

</p>

FONT STYLE

font-style: normal

font-style: italic

font-style: oblique

font-style: inherit

Sample text formatted with inline CSS.

</p>

FONT WEIGHT

font-weight: normal

font-weight: bold

font-weight: lighter

font-weight: bolder

font-weight: 100

font-weight: 200

font-weight: 300

font-weight: 400

font-weight: 500

font-weight: 600

font-weight: 700

font-weight: 800

font-weight: 900

Sample text formatted with inline CSS.

</p>

jueves, 6 de febrero de 2014

WEB

1.0 2.0 3.0

La Web o World Wide Web no es sinónimo de internet, es básicamente un medio de comunicaciòn de texto, gráficos y otros objetos multimedia a través de internet, es decir, la web es un sistema de hipertexto que utiliza Internet como su mecanismo de transporte o desde otro punto de vista, una forma gráfica de explorar Internet.

La web 1.0 es un tipo de web estática con documentos que jamás se actualizaban y los contenidos dirigidos a la navegaciòn HTML y GIF.

Mientras que la web 2.0 es un "ecosistema" de la información: Google, Wikipedia, Eby, Youtube, Blogger, Flickr, Emule, Writely. Todas estas aplicaciones y sitios tienen en común que su principal activo es el usuario. A mayor nùmero de usuarios aumenta el valor del sitio y su contenido.

Finalmente la web 3.0 o semántica es la idea de añadir metadatos a la Word Wide Web. El destino es mejorarla para ampliar la interoperabilidad entre los sistemas informàticos y reducior la mediación de operadores humanos necesaria.

LA WEB 1.0: Fue el principio del inicio del desarrollo de las telecomunicacion, con la web 1.0 el usuario era restringido a leer la misma informacion ya que no se podia actualizar continuamente.

LA WEB 2.0: tenemos un grana avance como es el intercambio de informacion entre usuarios y la interacion en redes sociales como el facebook y entre otros, permitiendonos estar comunicados con todo el mundo.

LA WEB 3.0: Se describe el camino evolutivo en la informacion, ya que esta recopila ciertos mecanismos de las anteriores, se la optimiza atraves de un rapido y facil acceso al intercambio de informacion y la participacion en redes sociales, facilitando las actividades del usuario.

type="square"	type="disc"	type="circle"
Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread	Milk Toilet Paper Cereal Bread