html
Páginas: 19 (4667 palabras)
Publicado: 14 de abril de 2014
El HTML o Hyper Text Markup Language, es el lenguaje utilizado para la creación de páginas web. Al ser un lenguaje de hipertexto, nos permite escribir texto de forma estructurada mediante etiquetas que tienen un inicio y un fin, encerrando así los elementos que hay dentro de la web, como imágenes, videos, etc.
Este hipertexto es escrito en un archivo de extensión .html. Puede ser escritoen un Bloc de Notas, pero existen programas que nos ayudan a la legibilidad del código mediante colores y orden. Yo utilizo el programa Sublime Text 2, que lo pueden encontrar de forma gratuita en esta web: http://www.sublimetext.com/2 (pueden ir descargandolo mientras leen esta guía).
Etiquetas
Las etiquetas encierran el contenido de cada elemento de nuestra página web. Hay 2 tipos deetiquetas, las de apertura y las de cierre .
Las etiquetas de inicio (o de apertura) suelen tener atributos que modifican las acciones de la etiqueta, por ejemplo .
Y dentro de los atributos, se encuentran las variantes, las cuales modifican los atributos. El valor -de la variante- puede ser una palabra (por ejemplo ) o un número de pixels o porcentaje como en .
Las etiquetas anidadas sonaquellas que se encuentran dentro de otras, por ejemplo:
En este ejemplo tenemos la etiqueta dentro de la etiqueta . Este código daría como resultado:
Abran Sublime Text 2 (si lo descargaron) o el Bloc de Notas, van a File > New File y pegan el siguiente código:
MI PRIMERA WEB
Hola, estoy aprendiendo html!
Ahora guardamos el archivo como miweb.html. File >Save As...
Ahora lo abrimos...
Y ahí tenemos nuestro primer archivo .html!
¿Qué podemos ver acá? Bueno en la barra de direcciones aparecerá el título que pusimos mediante la etiqueta, también el fondo del color que asignamos con el atributo en la etiqueta y el color y fuente del texto de la página con: .
Estructura de una web
Una web está compuesta por 3 grandes etiquetasdistribuidas de esta forma (siempre van de esta manera):
Explicación:
La etiqueta está en cada documento .html y es la que encierra el contenido de la web.
La etiqueta encierra todo lo que no se ve en la pantalla de nuestra web, entre las etiquetas podemos encontrar la etiqueta , , , > (no tiene etiqueta de cierre) y [/color]
TÍTULO Dentro de esta etiqueta iráel título de tu web que se verá arriba de la barra de direcciones. Recuerda que esta etiqueta y las que siguen luego van dentro de la etiqueta , aunque las veremos más adelante.
Estructura del body (cuerpo)
Dentro de la etiqueta va todo el contenido que vemos en la web, desde texto, imágenes, sonidos y videos. Le podemos asignar atributos tales como bgcolor="", background="" y text="" Con el atributo bgcolor="" le damos color al fondo de la página (BG viene de BackGround = Fondo) usando los colores representados con números hexagesimales, siendo el azul #0000ff, el rojo #ff0000 y el verde #00ff00. A continuación, les dejo una tabla con los números que representan cada color:
Existen más variables, pero estos son los colores que no pueden sufrir modificaciones en una web.Entonces, aplicando esto, la etiqueta nos quedaría: .
Empleando el atributo background="" nos posibilita el uso de una imagen para establecerla de fondo. Entre las comillas pondremos el link a la imágen que previamente debieron subir a un host. Yo utilizo ImageShack (es de confianza) LINK: http://www.imageshack.us/. Mientras, creense una cuenta.
Usando este atributo, más el anterior, laetiqueta nos quedaría así:
Y el último atributo con más uso es text="" que indica el color al texto que halla en la web. Usando el sistema de color hexagesimal le asignamos un color. text="#000000". Quedaría de esta forma:
Ya dejando de lado la extructura básica de una página html, pasamos a ver El Texto.
El Texto
Hay caracteres, que la web no reconoce. Para solucionar eso existen...
El HTML o Hyper Text Markup Language, es el lenguaje utilizado para la creación de páginas web. Al ser un lenguaje de hipertexto, nos permite escribir texto de forma estructurada mediante etiquetas que tienen un inicio y un fin, encerrando así los elementos que hay dentro de la web, como imágenes, videos, etc.
Este hipertexto es escrito en un archivo de extensión .html. Puede ser escritoen un Bloc de Notas, pero existen programas que nos ayudan a la legibilidad del código mediante colores y orden. Yo utilizo el programa Sublime Text 2, que lo pueden encontrar de forma gratuita en esta web: http://www.sublimetext.com/2 (pueden ir descargandolo mientras leen esta guía).
Etiquetas
Las etiquetas encierran el contenido de cada elemento de nuestra página web. Hay 2 tipos deetiquetas, las de apertura y las de cierre .
Las etiquetas de inicio (o de apertura) suelen tener atributos que modifican las acciones de la etiqueta, por ejemplo .
Y dentro de los atributos, se encuentran las variantes, las cuales modifican los atributos. El valor -de la variante- puede ser una palabra (por ejemplo ) o un número de pixels o porcentaje como en .
Las etiquetas anidadas sonaquellas que se encuentran dentro de otras, por ejemplo:
En este ejemplo tenemos la etiqueta dentro de la etiqueta . Este código daría como resultado:
Abran Sublime Text 2 (si lo descargaron) o el Bloc de Notas, van a File > New File y pegan el siguiente código:
MI PRIMERA WEB
Hola, estoy aprendiendo html!
Ahora guardamos el archivo como miweb.html. File >Save As...
Ahora lo abrimos...
Y ahí tenemos nuestro primer archivo .html!
¿Qué podemos ver acá? Bueno en la barra de direcciones aparecerá el título que pusimos mediante la etiqueta, también el fondo del color que asignamos con el atributo en la etiqueta y el color y fuente del texto de la página con: .
Estructura de una web
Una web está compuesta por 3 grandes etiquetasdistribuidas de esta forma (siempre van de esta manera):
Explicación:
La etiqueta está en cada documento .html y es la que encierra el contenido de la web.
La etiqueta encierra todo lo que no se ve en la pantalla de nuestra web, entre las etiquetas podemos encontrar la etiqueta , , , > (no tiene etiqueta de cierre) y [/color]
TÍTULO Dentro de esta etiqueta iráel título de tu web que se verá arriba de la barra de direcciones. Recuerda que esta etiqueta y las que siguen luego van dentro de la etiqueta , aunque las veremos más adelante.
Estructura del body (cuerpo)
Dentro de la etiqueta va todo el contenido que vemos en la web, desde texto, imágenes, sonidos y videos. Le podemos asignar atributos tales como bgcolor="", background="" y text="" Con el atributo bgcolor="" le damos color al fondo de la página (BG viene de BackGround = Fondo) usando los colores representados con números hexagesimales, siendo el azul #0000ff, el rojo #ff0000 y el verde #00ff00. A continuación, les dejo una tabla con los números que representan cada color:
Existen más variables, pero estos son los colores que no pueden sufrir modificaciones en una web.Entonces, aplicando esto, la etiqueta nos quedaría: .
Empleando el atributo background="" nos posibilita el uso de una imagen para establecerla de fondo. Entre las comillas pondremos el link a la imágen que previamente debieron subir a un host. Yo utilizo ImageShack (es de confianza) LINK: http://www.imageshack.us/. Mientras, creense una cuenta.
Usando este atributo, más el anterior, laetiqueta nos quedaría así:
Y el último atributo con más uso es text="" que indica el color al texto que halla en la web. Usando el sistema de color hexagesimal le asignamos un color. text="#000000". Quedaría de esta forma:
Ya dejando de lado la extructura básica de una página html, pasamos a ver El Texto.
El Texto
Hay caracteres, que la web no reconoce. Para solucionar eso existen...
Leer documento completo
Regístrate para leer el documento completo.