HTMLBASICO
La estructura básica de un documento HTML queda de laforma siguiente:<html> <head><title>Título</title></head><body>Texto ...
Mediante los títulos, en sus diferentes niveles deimportancia, podemos definir el esqueleto deldocumento, su estructura bá...
Párrafos. <P>Saltos de línea. <BR>Bloques tabulados. <BLOCKQUOTE>Línea horizontal. <HR>Divisiones. <DIV>Texto preformatead...
Negrita y cursiva Se pueden dar también los atributos mástradicionales, negrita y cursiva:<B>Esto en negrita</B> y <I>esto...
Para poder representar un color en html, se deben utilizar 6 númeroshexadecimales. Ejem:ROJO FF0000VERDE 00FF00AZUL 0000FF...
Las imágenes se pueden usar como fondo de nuestra página, como complemento yapoyo visual para cierta información, vínculos...
Enlaces <A HREF="http://www.unav.es/">Pulse aquí para visitar la Universidad de Navarra</A>  En la pantalla aparecerá un ...
Tutorial de html
Próxima SlideShare
Cargando en…5
×

Tutorial de html

202 visualizaciones

Publicado el

Este es un pequeño tutrial que nos va ayudar a codificar en html.

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
202
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
3
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Tutorial de html

  1. 1. HTMLBASICO
  2. 2. La estructura básica de un documento HTML queda de laforma siguiente:<html> <head><title>Título</title></head><body>Texto del documento, menciones a gráficos, enlaces, etc.</body></html>
  3. 3. Mediante los títulos, en sus diferentes niveles deimportancia, podemos definir el esqueleto deldocumento, su estructura básica.<h1>Mucha importancia</h1>Mucha importancia<h2>Menos importancia</h2> Menos importancia<h3>Mucha menos importancia</h3>
  4. 4. Párrafos. <P>Saltos de línea. <BR>Bloques tabulados. <BLOCKQUOTE>Línea horizontal. <HR>Divisiones. <DIV>Texto preformateado. <PRE>Direcciones. <ADDRESS>Centrado de bloques. <CENTER>
  5. 5. Negrita y cursiva Se pueden dar también los atributos mástradicionales, negrita y cursiva:<B>Esto en negrita</B> y <I>esto en cursiva</I>, Esto en negrita yesto en cursiva<TT>Máquina de escribir</TT> Maquina de escribir<CENTER> Para centrar texto (o, en general, cualquier cosa: ungráfico, por ejemplo) se usa la directiva <CENTER>:<CENTER>Universidad de Navarra</CENTER>
  6. 6. Para poder representar un color en html, se deben utilizar 6 númeroshexadecimales. Ejem:ROJO FF0000VERDE 00FF00AZUL 0000FFMAGENTA FF00FFVIOLETA 9900DDROSA CLARO FFDDFF
  7. 7. Las imágenes se pueden usar como fondo de nuestra página, como complemento yapoyo visual para cierta información, vínculos hacia otras páginas, etc. Los formatosde imágenes más comunes en Internet son los .gif y .jpg, así que si queremosintroducir un gráfico, éste tiene que cumplir con estos formatos.Para agregar una imagen en un documento se utiliza la etiqueta <IMG>.Ejem:<IMG SRC="home2.jpg" ALT="Casa azul">Ejem:<IMG SRC="../web/imagen/home2.jpg" ALT="Casa azul">ALT asigna un nombre a la imagen para que cuando alguien cargue nuestra páginadesde un navegador que no despliegue gráficos, pueda saber que en ese lugar existeuna imagen.Existen una serie de atributos que modifican las imágenes de diferente forma, aquíestán algunos:ALIGN=left|right|top|middle|bottomLas opciones para ALIGN sitúan al gráfico en diferentes posiciones con respecto altexto.
  8. 8. Enlaces <A HREF="http://www.unav.es/">Pulse aquí para visitar la Universidad de Navarra</A>  En la pantalla aparecerá un texto subrayado de color azul- es el estándar- que indica la existencia de un link o de hipertexto que lleva a la dirección que se indica

×