TUTORIAL HTML

El da de hoy empiezo una serie de artculos donde empezando por lo mas bsico como html, javascript y css ir avanzando hasta llegar a tratar temas un poco mas "complejos" como php y sql, de antemano les digo que no soy un Macgyver que se las sabe todas, pero en todo lo que les pueda ayudar, con gusto lo har, pues como dice mi abuela "nadie nace aprendido", y hasta el mas experto "guru" - de esos que hay por todo Internet - en algn momento tambin fue novato. Bueno ya basta de chchara y vamos al grano, hoy empezare con algo de html, el lenguaje con el que escriben las paginas web como la que estas viendo en este momento, si quieres ver da click derecho en cualquier parte de la pagina y selecciona ver cdigo fuente de la pagina o algo parecido. El lenguaje html esta formado por tags -etiquetas- las cuales le dicen al navegador (firefox, internet explorer, chrome...) el formato en que debe presentar el texto delimitado por ellas, un ejemplo es la etiqueta b -del ingles bold- la cual le informa al navegador que el texto que esta contenido dentro de ella debe ser destacado, y el navegador por defecto muestra este en un formato de texto negrita. primero que todo veamos la sintaxis de un bloque de texto html: <nombre_etiqueta>texto_etiquetado</nombre_etiqueta> como vemos el texto debe ir delimitado por dos etiquetas, la etiqueta de apertura y la etiqueta de cierre. hoy veremos las etiquetas bsicas (a mi parecer) que son el equivalente a a los botones de formato de texto de Word:

b -bold o negritai - italic o cursivau -underline o subrayadostrike -tachadosub -subndicesup -superndicebr -equivalente a un salto de linea o presionar enterp - paragraph o prrafo En este momento estars preguntndote que programa necesitaras para empesar a practicar

html, aunque no lo creas lo nico que necesitas es un editor de texto plano como el block de notas de windows, aunque yo recomiendo uno mas potente como notepad++ que es un muy buen editor y cuenta con resaltado de sintaxis para muchos lenguajes, y por supuesto un navegador web como firefox, chrome, opera, safari o Dios no lo permita Internet explorer. Como no hay mejor forma de prender que practicando, es hora de que abramos nuestro software de ultima generacin (a.k.a block de notas) y empecemos a escribir nuestro primer prrafo en html:

este es el primer prrafo en <b>html</b> que escribo la formula del agua es H₂ X*X = X² otra forma de destacar un texto es ponerlo en <i>italica</i> la principal utilidad del Internet es la bsqueda de <strike>porno</strike> <u>conocimiento</u>

Ahora guardamos el archivo con el cualquier nombre, pero teniendo en cuenta que sea con extensin .html y luego lo abrimos con nuestro navegador web preferido, deberamos ver algo como lo siguiente: este es el primer prrafo en html que escribo la formula del agua es H2O X*X = X2 otra forma de destacar un texto es ponerlo en italica la principal utilidad del Internet es la bsqueda de porno conocimiento Bueno hasta aqu este primer y muy corto tutorial sobre html, ahora lo que necesitas es practicar mas con las etiquetas que aprendimos hoy, para que te quede muy claro para que sirve cada una de ellas. espero te haya gustado todo y si tienes alguna criticas y/o sugerencias no dudes en hacrmelas saber. hasta la prxima. Jhonathan Sneider Salguero Villa Yohanny Hernandez Corzo Ricardo Andres Londoo