Comunidad de diseño web y desarrollo en internet online

Introducción al HTML

Citar            
MensajeEscrito el 14 Feb 2014 09:06 pm
El HTML es el lenguaje de maquetación de páginas web por excelencia.
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!

Por ivaneldeming

7 de clabLevel



Genero:Masculino  

diseño programación web

chrome
Citar            
MensajeEscrito el 20 Feb 2014 04:51 pm
Hola ivaneldeming, gracias por el aporte. Estaría bueno si organizas un tutorial de HTML5 en específico y un poco mas completo, pero no comenzando desde cero, sino que explicando las características generales del lenguaje.

cualquier cosa me consultas. saludos

movido a aportes

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 20 Feb 2014 04:52 pm

Mariux escribió:

Hola ivaneldeming, gracias por el aporte. Estaría bueno si organizas un tutorial de HTML5 en específico y un poco mas completo, pero no comenzando desde cero, sino que explicando las características generales del lenguaje.

cualquier cosa me consultas. saludos


¿Por qué lo dices?

Por ivaneldeming

7 de clabLevel



Genero:Masculino  

diseño programación web

chrome
Citar            
MensajeEscrito el 20 Feb 2014 05:28 pm

ivaneldeming escribió:

Mariux escribió:

Hola ivaneldeming, gracias por el aporte. Estaría bueno si organizas un tutorial de HTML5 en específico y un poco mas completo, pero no comenzando desde cero, sino que explicando las características generales del lenguaje.

cualquier cosa me consultas. saludos


¿Por qué lo dices?


HTML tiene como última version la 5. Sería bueno que si hablas de HTML ya te refieras a esa version. También evita hablar de herramientas que ya son obsoletas, como Front Page, que en el mundo web es casi como decir una mala palabra. Revisa los tutoriales de html5 y de html para ver mas o menos los formatos de los tutoriales.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.