Sergio-franco | codigos, tutoriales, scripts, ayuda PWG, plantillas y mucho mas !

introduccion-html

Introducción a Html Lenguaje Básico
El lenguaje básico en la programación Web es el Html el cual en conjunto con css , php , java script entre otros se pueden combinar para lograr grandes creaciones y paginas dinámicas orientadas a objetos pero esos son otros temas nosotros nos enfocaremos a html.

Html se puede considerar el lenguaje base de programación por lo que es muy importante lograr por lo menos entenderlo para poder combinarlo con los otros lenguajes , recomiendo personalmente que no trates de aprenderte las tags de memoria (por lo menos al principio) en lugar de eso intenta aprender como funciona y como entenderlo también te recomiendo no desesperarte ya que eso solo te frustrara. A continuación te dejo las tags mas básicas con una pequeña explicación de su función.

<Html> Con esta tag iniciaremos el documento html para la creación de una web.
<head> Dentro de las etiquetas head pueden ir scripts ,css o conexiones a otros documentos también otras tags como title y metatags.
<title> La etiqueta title sirve para poner el nombre que le darán a su web ejemplo : mi web dedicada a los videojuegos.
</tile> Cerramos nuestra etiqueta tittle.
</head> Cerramos la etiqueta head , recuerden cerrar siempre sus tags.
<body> Dentro de la etiqueta body va escrito el código que definirá el cuerpo de nuestra web , en pocas palabras todo el contenido.
</body> Cerramos la etiqueta body para evitar errores en nuestro documento.
</html> Y por ultimo cerramos nuestra etiqueta html.
Listo ya con la creación de la estructura en de nuestro documento en html ya estamos listos para agregar nuestro contenido , saber la estructura es muy importante ya que con ella sabremos donde va ubicada cada cosa y cada código.
<img src="URL-IMG" /> Esta es la tag para colocar una imagen , pero se le pueden agregar algunos atributos como los siguientes.
width="X" Con este atributo puedes definir el ancho de la imagen
(no recomendado por que pixelea)
height="X" Con este atributo definimos la altura de la imagen
(no recomendado por que se pixelea)
Border="X" Definimos el borde de la imagen.
title="TEXTO" este atributo nos muestra un tooltip , al pasar el cursor por la imagen nos mostrara un titulo en texto.
Alt="TEXTO" alt es un atributo que nos muestra un tooltip , este atributo en Firefox se utiliza como texto alternativo.
align="left o right"" Este atributo sirve para alinear una imagen a la derecha o izquierda , pero también para agregar texto a su lado.
hspace="X" con este atributo en conjunto con align="" podemos separar el texto agregado a su lado dándole valores numericos.
ejemplo: hspace="5"
Un ejemplo de una combinación de atributos con imagen :
<img src="URL" title="este es un tooltip" align="left" hspace="5" />TEXTO

Ahora un ejemplo de la misma combinación pero esta vez ejecutándose

este es un ejemplo del align y hspace para poner texto a lado de una imagen , es muy útil para ponerles descripciones a las imágenes , ademas pon tu cursor en la imagen para que veas el atributo tooltip.






En la segundas parte te mostrare algunas tags y atributos para los textos y la creación de tablas.

Recursos Webmaster


Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis