Si necesitas algo, mandame un MENSAJE PRIVADO. Estoy casi siempre ON 
Si te gusto mi aporte, podes Seguirme y ver mis actualizaciones @bortalli
Borro comentarios fuera de lugar.
Dejá cargar el Post el post unos segundos.
Introducción
El lenguaje HTML es un lenguaje de programación el cual estructura paginas Web, ahí que acordarnos que este lenguaje ya no estructura completamente una pagina o sitio Web ya que es muy utilizado java script y otros lenguaje que son ya muchos mas avanzados como son xhml o xml, el lenguaje html significa hypertext markup language, que traducido al español seria lenguaje de marcado de hipertexto. Este lenguaje siempre va estar escrito en bloc de notas o notepad++, aunque también ahí un programa para diseño HTML, pero por ahora utilizaremos bloc de notas y notepad++ este lenguaje es compuesto por atributos los cuales son:
<HTML> da inicio al html.
<boby> el cuerpo del html.
<center> define ubicación del texto en forma centrado.
<right> define ubicación del texto modo derecho.
<left> define ubicación del texto modo izquierdo.
<h> define tamaño de texto acordémonos que debe ir acompañado por un numero del 1 al 6(1 mas grande, 6 mas pequeño) un ejemplo seria <h1>
<font> define color de texto, debe ir acompañado por el siguiente texto: color=”color", entonces el color tiene que estar en ingles, por ejemplo un atributo final seria: <font color="blue".
<bgcolor="color"> sirve para poner color de fondo, esta etiqueta se le agrega al atributo body y es el color tiene que estar en ingles, ósea que quedaría <body bgcolor=”color que se quiere”> en este caso <body bgcolor=”black”>
<b> define forma de texto en negrilla.
<i> define forma de texto en cursiva.
<u> define forma de texto en subrayado.
<p> se salta unas dos líneas, define un párrafo.
Estos han sido los atributos que hemos aprendido hasta ahora, después pondremos en práctica los siguientes atributos:
<br> salto de línea
<s> tacha el texto con una línea en la mitad.
<blockquote> crea como una margen invisible para que se vea mejor la pagina o sitio Web.
<hr> inserta una línea horizontal o separador, va acompañado de varios atributos como son:
<hr size "numero"> crea una barra el cual va desde la parte de la cabecera hasta la lateral izquierda.
<hr width="numero"> determina el ancho de la barra.
<hr align> cra una barra inferior adonde termina la barra.
<hr noshade> crea una barra con determinado grosor de igual postura, inferior adonde termina la barra.
Y muchos otros mas como son caracteres especiales, listas y otros.
Ver Codigo Fuente
El lenguaje HTML es un lenguaje por el cual es usado en paginas para describir la estructura y el contenido en forma de texto, así por el cual el lenguaje HTML se escribe en forma de corchetes angulares ( <> ), el lenguaje HTML (en ingles hypertext markup language, y en español lenguaje de marcado de hipertexto) es muy utilizado en paginas ya que define muchas cosas, pero ahora ya es muy utilizado con otros lenguajes y javascript, aunque otros lenguajes son mas estructurados como xhtml y el xml.
Para poder ver el lenguaje html en una pagina se da click derecho en un espacio vacío (de la pagina).
1. click derecho >ver codigo fuente
Estrucutura Basica HTML
La estructura básica del HTML es fácil de poner en practica, en este pos les enseñare a colocar texto.
1. abrir bloc de notas:
2. ya abierto colocar los siguites atributo <html> (el html da inicio a un documento, todo tiene que ser escrito en minúscula y el lenguaje HTML nunca será escrito en Microsoft Word, siempre en block de notas o notepad++) y después en otro renglón colocar el atributo <body> (esto quiere decir que es la parte visible. después colocar lo que se va a quedar visible en este caso colocare lenguaje HTML. después se debe cerrar los atributos en orden con un / de la siguiente manera: </body> y en el renglón de abajo cerrar el HTML de la siguiente forma </HTML>. quedara así:
3. el documento se debe guardar con el nombre correspondiente agregándole la extensión .HTML (por ejemplo lenguaje html.html):
4. después abrir documento de la siguiente manera. click derecho> abrir con> google chrome
5. se abre y este será el resultado final:
No te preocupes por la apariencia, recuerda que es apenas el principio
Ubicar Texto
Para ubicar el texto simplemente abrimos el block de notas con la anterior información
Después abajo del atributo <body> agregarle un atributo para ubicar el texto en este caso (para la derecha seria <right> y izquierda seria <left> y centrado seria <center> utilizare <center>, entonces después iría el texto y después, abajo del texto lo serramos y seria de la siguiente forma </center>.
Ya por ultimo guardamos y si lo abrimos google chrome y veremos que quedara así:
Tamaño Del Texto:
1. abrimos el bloc de notas con la información que tenemos (acuérdense abrir con>bloc de notas)
2. para aumentar el tamaño del texto ahí un atributo el cual es <h> el cual va acompañado por un numero el cual puede ser del 1 al 6, (el 1 es el mas grande y el 6 es el mas pequeño) en este caso utilizare el atributo <h1>. Este atributo se escribe antes del texto, ósea después del atributo de ubicación del texto, y como los demás atributos este también se cierra: quedara así:
Y si abrimos esto con Internet Explorer quedara así:
Color De Texto:
1. se abre el texto html con el block de notas:
2. para el color de letra se utiliza el atributo <font>, el cual va acompañada del atributo color ósea que seria <font color>, y para decidir el color se coloca el signo = y después se coloca entre comillas el color entre comillas, en este caso colocare el color azul, el color va en ingles ósea que seria blue y el atributo quedaría así <font color=”blue”>, este atributo se cierra así </font>, no se le agrega nada mas. Quedara así:
Y Si Se Abre Con Explorer Este Sera El Resultado:
Color De Fondo
En Este Caso Explicare Como Agregarle Color Al Fondo, Esto Se Hace Dentro De El Atributo O Etiqueta Body, A Esta Se Le Agrega bgcolor Y Posteriormente Se Le Agrega El Signo = Y Seguidillamente Se Le Agrega El Color Que Deseamos Entre Comillas, En Este Caso Utilizare El Color Negro (Se Coloca En Ingles). Quedaria Asi <body bgcolor="black">, Y Para Cerrarlo Quedar a Igual Como Antes </body>.
Y si se abre con Explorer este será el resultado:
Tipo De Texto:
Cuando nos referimos a tipo de textos referimos a si es negrilla, si es cursiva o si es subrayado. Para el tipo de letra negrilla utilizamos la etiqueta o atributo <b>, para la letra cursiva utilizamos la etiqueta <i> y para el tipo de letra subrayado utilizaremos la etiqueta <u>. Estas etiquetas no necesitan que las cerremos. Tenemos que escribir después del atributo lo que queremos que vaya a quedar, por ejemplo que quede así <i>lenguaje HTML.
1. abrimos el bloc de notas con la información pasada:
2. le agregamos las etiquetas antes de que dice lenguaje HTML, en este caso utilizare la de subrayado ósea que quedaría así: <u>lenguaje HTML
3. si abrimos con Internet Explorer quedara así:
Separacion De Textos:
Cuando nos referimos a separación de textos nos referimos a párrafo y saltos de línea.
Párrafo:
Para párrafos utilizaremos la etiqueta <p>, esta etiqueta no necesita cierre. Esto salta un espacio lo equivalente a un enter...
Para esta forma lo colocare de tal manera que queda así:
<u>lenguaje html
<p>taringa
1. Abrimos Bloc De Notas:
2. Le agregamos el atributo de párrafo y el texto que queramos quede. De esta forma:
3. si abrimos con internet explorer quedara asi:
nota: una cosita si no quieren que le salga subrayado el segundo texto, ósea el que dice taringa cierren el atributo ósea que quedaría así <u>lenguaje html</u>
Links y Vinculos
Les enseñare a colorcar links para que de tu pagina se desplegué a otras, como por ejemplo que se desplegué a facebook, taringa... ect.
Lo primero que tenemos que hacer es abrir el bloc de notas, en este caso mostrare en el bloc de notas limpio
1. lo primero que yo Hare es abrir un bloc de notas y colocare los atributos <html> y <body> y continuación colocare el atributo para general links el cual seria así:
<a href="dirección pagina web">como quieras que aparezca </a>
Nota:
Iría así <a href="http//:www.facebook.com"> facebook </a>
En este caso si abrimos con google chrome quedaría así:
Si le damos clic nos transportara a facebook, y se colocara de un color morado.
Bueno eso es todo por ahora espero que les allá gustado.
