Tutorial de html
•Descargar como PPTX, PDF•
0 recomendaciones•193 vistas
Este es un pequeño tutrial que nos va ayudar a codificar en html.
Recomendados
Más contenido relacionado
Último
Último (20)
Destacado
Destacado (20)
Tutorial de html
- 1. HTML BASICO
- 3. La estructura básica de un documento HTML queda de la forma siguiente: <html> <head> <title>Título</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html>
- 4. Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica. <h1>Mucha importancia</h1> Mucha importancia <h2>Menos importancia</h2> Menos importancia <h3>Mucha menos importancia</h3>
- 5. 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>
- 6. Negrita y cursiva Se pueden dar también los atributos más tradicionales, negrita y cursiva: <B>Esto en negrita</B> y <I>esto en cursiva</I>, Esto en negrita y esto en cursiva <TT>Máquina de escribir</TT> Maquina de escribir <CENTER> Para centrar texto (o, en general, cualquier cosa: un gráfico, por ejemplo) se usa la directiva <CENTER>: <CENTER>Universidad de Navarra</CENTER>
- 7. Para poder representar un color en html, se deben utilizar 6 números hexadecimales. Ejem: ROJO FF0000 VERDE 00FF00 AZUL 0000FF MAGENTA FF00FF VIOLETA 9900DD ROSA CLARO FFDDFF
- 8. Las imágenes se pueden usar como fondo de nuestra página, como complemento y apoyo visual para cierta información, vínculos hacia otras páginas, etc. Los formatos de imágenes más comunes en Internet son los .gif y .jpg, así que si queremos introducir 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ágina desde un navegador que no despliegue gráficos, pueda saber que en ese lugar existe una imagen. Existen una serie de atributos que modifican las imágenes de diferente forma, aquí están algunos: ALIGN=left|right|top|middle|bottom Las opciones para ALIGN sitúan al gráfico en diferentes posiciones con respecto al texto.
- 9. 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