Para escribir HTML solo necesitas un bloc de notas. 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 web especializados como Dreamweaver (de Adobe) o el FrontPage (de Microsoft), en ellos, a demás del HTML puedes trabajar en otros códigos de programación web.
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.
Y a continuación voy a hacer una pequeña introducción de las etiquetas y atributos (que son las herramientas del HTML).
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í:
Código HTML :
<b>Hola esto es una muestra de texto en negrita en html</b>
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.
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í:
Código HTML :
<marquee direction="right" scrollamount="20"> texto de la marquesina </marquee>
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 =
Todas las etiquetas tienen atributos, y combinándolas podemos crear documentos web. El mejor y más básico amigo del HTML es el CSS, ya que define estilos a las estructuras creadas.
Espero que os sea de utilidad.
Un saludo!
