Html 1
•Descargar como PPT, PDF•
0 recomendaciones•426 vistas
Este documento describe los principios básicos del lenguaje HTML. Explica que HTML se usa para marcar texto con etiquetas que controlan el formato y estructura de una página web. Las etiquetas más importantes son <HTML>, <HEAD> y <BODY>. También cubre cómo crear encabezados, párrafos, listas, hiperenlaces e imágenes usando etiquetas HTML.
Más contenido relacionado
La actualidad más candente
La actualidad más candente (18)
Destacado
Similar a Html 1
Similar a Html 1 (20)
Más de Carlos Lozano Zapata
Último
Último (20)
Html 1
- 1. El lenguaje HTML: Principios básicos Carlos Lozano Zapata IESTP-Simón Bolívar Asignatura: Diseño Web
- 2. Características generales Hipertexto e Hipermedia HTML: HyperText Markup Language El proceso de textos mediante marcas: Script de IBM TEX Documentos HTML: fichero ASCII Lenguajes interpretados y compilados
- 3. Las etiquetas El formato general a seguir: <etiqueta>contenido</etiqueta> La inclusión de comentarios que no se ven: <! Comentario> Las etiquetas que nunca deben faltar: <HTML></HTML> <HEAD></HEAD> <BODY></BODY>
- 4. Formateo elemental de textos Encabezamientos <H1></H1>...........<H6></H6> Salto de párrafo <P></P> Centrado <CENTER></CENTER> Negrita y Cursiva <B></B> <I></I>
- 5. Atributos de etiquetas Alineación de párrafos Izquierda: ALIGN=left (opción por defecto) Derecha: ALIGN=right Centrado: ALIGN=center Utilización. <p ALIGN=opción> Ejemplo 1
- 6. Creación de listas Listas no ordenadas <UL> <LI> </UL> Listas ordenadas <OL> <LI> </OL> Ejemplo 2
- 7. Añadir viñetas a las listas Sintaxis general <UL TYPE=atributo> <OL TYPE=atributo> Atributos listas no ordenadas DISC, CIRCLE, SQUARE Atributos listas ordenadas 1, A, I
- 8. Otras propiedades de las listas Listas de definición <DL> <DT> <DD> </DL> Listas anidadas (Ejemplo 3) <UL> <LI> <UL> <LI>
- 9. Otras etiquetas Línea horizontal <HR> Atributos de <HR> <HR NOSHADE SIZE=valor WIDTH=“porcentaje” ALIGN=valor> La etiqueta <BLINK> (Ejemplo 4) <BLINK> ¡Hola Pepe! </BLINK> La etiqueta <META> <META HTTP-EQUIV= “refresh” CONTENT= “5; url=http://www.uam.es” >
- 10. Inclusión de imágenes Formatos principales GIF y JPEG (Ejemplo 5) Sintaxis: <IMG SRC= “imagen.gif” > Atributos <IMG SRC= “imagen.gif” HEIGHT= valor WIDTH= valor > Alineación <IMG SRC= “imagen.gif” ALIGN= top >
- 11. Fondos Pueden ser: Texturas, Imágenes y Colores Sintaxis: <BODY BACKGROUND= “fondo.gif” > <BODY BGCOLOR= “color” > Ejemplos 6, 7 y 8
- 12. Creación de hiperenlaces Permiten enlazar dos páginas cualesquiera independientemente de la ubicación de cada una: local o en red. (ejemplo hiperenlace 1) Ejemplos: <A HREF= “http://www.elpais.es” > Diario El País </A> <A HREF= “pagina.html” > Página1 </A> <A HREF= “http://www.uam.es” ><IMG SRC= “imagen.gif” ></A>
- 13. Hiperenlaces entre secciones de diferentes páginas HTML Enlace desde una página (indice de autores.html) a una sección específica en otro documento (autores.html). (hiperenlace 2) Primero creamos la referencia en el primer documento: <A HREF= “autores.html#A1” > Autor1 </A> A continuación creamos el anclaje en el segundo documento: <A NAME= “A1” > Autor1 </A>
- 14. Hiperenlaces entre secciones de la misma página HTML Enlace desde una página (indice de autores.html) a una sección del mismo documento. (hiperenlace 3) Primero creamos la referencia: <A HREF= “#A1” > Autor1 </A> A continuación creamos el anclaje en el mismo documento: <A NAME= “A1” > Autor1 </A>