Traductor
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Quiero esto en mi Blog!

viernes, 10 de junio de 2011

Introducción al HTML

El html es el lenguaje de creación de páginas web por excelencia.
Para escribir html solo necesitas un bloc de notas (yo uso el de windows). Cuando guardas el archivo pones en el nombre la terminación ".html", así al abrirlo ves desde tu navegador el código que has creado. También hay editores especializados
Da igual si lo escribes en minúsculas o en mayúsculas, aunque es bueno acostumbrarse a solo usar una de las formas. En mi caso lo escribo todo en minúsculas porque me parece más cómodo.
En esta entrada voy a hacer una pequeña introducción de las etiquetas y atributos.
Visita la entrada que he creado con todas las etiquetas y atributos y sus usos

Etiquetas
Una etiqueta en html podría definirse como la unidad mínima de escritura de este lenguaje y se define entre <,>.

La mayoría de las etiquetas tienen que abrirse y cerrarse, de ésta manera una etiqueta que, por ejemplo, haga que unas letras se muestren en negrita, quedaría así:
<b>Hola esto es una muestra de texto en negrita en html</b>
Hola esto es una muestra de texto en negrita en html
Y sí, has leído bien, no todas las etiquetas tienen que cerrarse, por ejemplo el salto de línea o el espacio..
<hr> --> (salto de línea) etiqueta que se muestra como una línea horizontal.
<br> --> (espacio) etiqueta que sirve para mostrar un espacio en la página creada, muchas personas que están aprendiendo este lenguaje cometen el error de creer que con pulsar "enter" cuando estás creando el html vale para crear un espacio.

Las etiquetas existentes son 91:
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite,code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head,hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object,ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody,td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
De todas las etiquetas disponibles hay 10 que no se pueden utilizar, debido a que se consideran obsoletas: applet, basefont,center, dir, font, isindex, menu, s, strike, u.

Atributos y variables
Los atributos son especificaciones, información adicional de las etiquetas. Las variables son las opciones que tiene cada uno de los atributos.

Por ejemplo en una marquesina (<marquee> </marquee>) podemos especificar algunos atributos:
direction: direccion de la marquesina (variables: right, left, up o down)
scrollamount: velocidad de la marquesina (variables: números, mayor número = mayor velocidad)
Hay más pero para el ejemplo con un par de ellos vale.
Al incluirlos en la etiqueta quedaría así:
<marquee direction="right" scrollamount="20"> texto de la marquesina </marquee>
texto de la marquesina

Como puedes ver, los atributos se separan entre ellos y de la etiqueta con un espacio, y las variables que toman los atributos se ponen entre "" después de un =

Espero que te sea de utilidad
Salu2


No hay comentarios:

Publicar un comentario

Deja tu comentario.
No insultes ni faltes al respeto.
No anuncies tu web o blog, el comentario será catalogado como spam y borrado.
Gracias