Descargar la presentación
La descarga está en progreso. Por favor, espere
1
Francisco de Jesus Guerrero Mata Ing. Sistemas Computacionales
Lenguaje HTML Estructura Básica Francisco de Jesus Guerrero Mata Ing. Sistemas Computacionales
2
¿Que es HTML? Lenguaje de marcas de hipertexto, para escribir texto de forma estructurada. ¿Para que se utiliza? Creación y diseño de paginas web
3
1.- Estructura de una Pagina
<html> <head> <tittle> …. </tittle> </head> <body> ……. </body> </html>
4
Cabeceras Ejemplo <H1>Encabezado de nivel 1</H1>
Este código... ...da como resultado Esta <B>palabra</B> está en <B>negrilla</B> Esta palabra está en negrilla Esta <I>palabra</I> está en <I>itálica</I> Esta palabra está en itálica Esta <U>palabra</U> está <U>subrayada</U> Esta palabra está subrayada
5
SALTO DE LINEA Y PARRAFO
<BR> es la etiqueta que sirve para indicarle al navegador que debe hacer un salto de línea. Ejemplo Hola como están? Hola como están?Saludos Saludos Hola como están?<BR>saludos Hola como están? <P> indica un salto de párrafo e introducirá un doble salto de línea. Hola como están? Hola como están?Saludos Hola como están?<P>saludos Hola como están?
6
VINCULOS Vinculo a otro documento del mismo sitio
Etiqueta: <a ></a> Atributo: href Vinculo a otro documento del mismo sitio <a href=“DESTINO">Enlace </a> ejemplo <a href=“INDEX.HTML">INDEX</a> Vinculo a documento externo <a href=“DESTINO">Enlace </a> ejemplo <a href=“ Vinculo a otra parte del mismo documento <a href=“DESTINO">Enlace </a> ejemplo <a href=“
7
IMAGENES etiqueta <img> atributo src Ejemplo:
<img src="imagenes/logo.gif"> Texto Alternativo atributo alt <img src="imagenes/logo.gif alt="Imagen logo" ">
8
TABLAS Para crear una tabla hay que insertar las etiquetas <table> y </table>. etiquetas <tr> y </tr>.- Filas en la tabla etiquetas <td> y </td>.- celdas que conforma cada una de las filas <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> Sabado Domingo Curso HTML Curso Dreamweaver Curso Frontpage Curso Flash
9
Gracias por su atencion
Presentaciones similares
