Francisco de Jesus Guerrero Mata Ing. Sistemas Computacionales Lenguaje HTML Estructura Básica Francisco de Jesus Guerrero Mata Ing. Sistemas Computacionales
¿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
1.- Estructura de una Pagina <html> <head> <tittle> …. </tittle> </head> <body> ……. </body> </html>
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
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?
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=“WWW.GOOGLE.COM">google</a> Vinculo a otra parte del mismo documento <a href=“DESTINO">Enlace </a> ejemplo <a href=“WWW.GOOGLE.COM">google</a>
IMAGENES etiqueta <img> atributo src Ejemplo: <img src="imagenes/logo.gif"> Texto Alternativo atributo alt <img src="imagenes/logo.gif alt="Imagen logo" ">
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
Gracias por su atencion