INFORMATICA L.E.S.I.L JORNADA MAÑANA: Inicio programación HTML

Buenos días a todos, daremos inicio a nuestro aprendizaje de programación de páginas web utilizando HTML.

HTML es un lenguaje de programación utilizado para guardar en programas ubicados en los hosting (alojamientos) de la web que son discos duros donde se guarda información que los motores de búsqueda o los dispositivos pueden consultar para presentar al público el documento que deseamos presentar al llamarlo mediante la dirección URL.

La información debe organizarse en carpetas dentro que lo que denominamos dominio, el dominio es un lugar físico en éstos hosting identificado con un nombre por el que generalmente debemos cancelar un costo.

Existen algunos dominios gratuitos como es el caso de sites de google y de wix que cuentan con asistentes de diseño para la elaboración de las páginas web.

Comencemos con ponerle nombre a nuestro dominio, para el ejemplo le pondré "paginahtml", ese será el nombre que usaremos para la carpeta principal.

En esa carpeta debemos crear un archivo con extensión html llamado "index.html"

Se crea una carpeta con el nombre del dominio que deseamos o el subdominio (subcarpeta), porque si optamos por los alojamientos gratuitos ellos son los dueños del dominio y lo que adquirimos es una subcarpeta en dicho dominio.

Para nuestro ejemplo utilizaré un dominio "paginahtml"

Dentro de esa carpeta debo crear un nuevo archivo "index.html", lo puedo crear con bloc de notas

Vamos a escribir allí lo siguiente:

<?php echo '<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <title>Aprendiendo html</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="html,página web,diseño web" /> <meta name="description" content="HTML es un lenguaje utilizado para organizar la presentación de información en diferentes dispositivos que buscan la información por internet" /> </head> <body bgcolor="#032505"> <div align="center"> <font face="arial" size="12px" color="black"><b>Título de la página</b></font> </div> <table> <tr> <td width="300" heigh="20"><img src="file:///C:/Users/DOCENTE/Desktop/paginahtml/imagena.jpg" width="300"><br>Acá encontramos un texto por defecto, no se le ha especificado propiedades y aparece así<br> Hubo necesidad de colocar toda la dirección para que encontrara el archivo de la imagen.</td> <td width="400" heigh="20"><div align="center"><font face="arial" size="4px">Tenemos una celda de una tabla en tamaño 4 px, normal, sin negrilla, centrado</font></div> </td> <td> El atributo tr se utiliza para cambiar o agregar filas, td para cambiar o agregar columnas en la tabla. Br se utiliza para cambiar de renglón.<br> Observe el código de programación de la página y compárelo con el resultado de la misma y analice los componentes del código. </td> </tr> <tr> <td colspan="3" bgcolor="white"> <div align="justify"> <font face="verdana" size="5px"> En éste renglón se han unido tres columnas, se hizo mediante el comando <b>"colspan"</b>, también se ha colocado texto con negrilla, ubique el código que lo hace posible. </font> </div> </td> </tr> <tr> <td> </td> <td colspan="2">Note que hay unos errores en las palabra "dirección" y en la palabra "página". Encuentre el error y corríjalo.<br> También note que se han unido dos columnas a la derecha, ubique el código que lo hace posible. </td> </tr> </table> <br> <br> <font face="arial" size="2">Para finalizar envíe los hallazgos al correo de la clase. &Eacutexitos con el desarrollo de la clase.<br> <br> Cordial saludo <br> Henry Garzón </html>

Descargue la siguiente imagen y guárdela en la misma carpeta.