Manual de internet
Páginas: 20 (4878 palabras)
Publicado: 4 de noviembre de 2014
DISEÑO DE UNA PAGINA WEB USANDO CODIGO HTML
HTML
Significa Hyper Text Markup Language, Lenguaje de hipertexto. Utilizado con el fin de crear documentos para lo que se conoce como la World Wide Web.
USAR HTML CON BLOC DE NOTAS
Debemos tener instalado la aplicación Bloc de Notas, esta aplicación hace parte de los Utilitarios de Windows. Para ingresar haga lo siguiente:
Haga clic en Todoslos programas, busque Accesorios y haga clic, busque Bloc de Notas y haga clic, aparecerá una ventana como la que se muestra a continuación:
Ahora ya puede iniciar a escribir su primer documento Web con código HTML.
ETIQUETAS
Son aquellas que van escritas entre <etiqueta>, (símbolos menor y mayor)
CABECERAS , (HEADINGS)
Todo documento de HTML debe comenzar declarándose a sí mismo,poniendo <HTML> al comienzo del documento y </HTML> al final del mismo. Con esto le indicamos al lector de páginas que todo lo que se encuentre entre ellos (etiquetas que abren y cierran el documento HTML) está escrito en HTML.
Lo siguiente es poner lo que se conoce como cabecera <HEAD> </HEAD> justo después de la declaración de comienzo de documento HTML. En esta sección secolocan datos informativos como el título de la página web. Se escribe entonces <TITLE> (aquí pondremos el título de nuestra página, la cual se mostrará al ejecutar la página en la barra de título) </TITLE>.
Finalmente y tras cerrar la cabecera aparece lo que se llama cuerpo, <BODY> </BODY>. Esto indica el comienzo y final de la parte de documento a visualizar, quegeneralmente es lo único que visualizan muchos lectores de páginas, y es por ello que se recomienda no escribir nada que queramos visualizar fuera de estos marcadores, pues dependiendo del lector de páginas corremos peligro de que no se visualice.
Los comentarios en HTML, son notas o explicaciones que se pueden agregar para indicar para qué sirve colocar una línea de código en una determinada partedel documento HTML.
Se realizan de la siguiente manera:
<!- Para comenzar y -> para finalizar; por ejemplo, si escribiéramos:
<!- Aquí comienzan los ejemplos ->, este texto no aparecería por pantalla.
Ejemplo de nuestra primera página escrita en HTML.
<HTML><!- Indicamos el comienzo del documento HTML ->
<HEAD><!- Indicamos el comienzo de la cabecera -><!- Aquí se ponen los datos informativos, pero recordamos que el único interesante bajo nuestro punto de vista es el título de la página. ->
<TITLE><!- En este espacio va el título de la página -></TITLE>
</HEAD><!- Indicamos el fin de la cabecera ->
<BODY> <!- Indicamos el comienzo del cuerpo de la página ->
<!- Aquí colocaremos mediantelenguaje HTML lo que queramos visualizar ->
</BODY> <!- Indicamos el fin del cuerpo de la página ->
</HTML><!- Indicamos el fin del documento HTML ->
Nota: Copie este documento desde la etiqueta <HTML> hasta la etiqueta </HTML> en un documento nuevo en el Bloc de notas.
Al guardar, elija Archivo (menú), Guardar como… y aparecerá una ventana, en esa ventanaseleccione Mis Documentos o Mi PC y abra la unidad USB.
En nombre de archivo, escriba ejercicio1.htm y luego haga clic en Guardar.
Para probar la primera página o documento HTML, abra el explorador Internet Explorer. Desde Inicio o desde el Escritorio.
-24193540005Una vez abierto el entorno gráfico de Internet, haga clic en el menú Archivo y luego otro clic en Abrir.
En la ventana queaparece haga clic en Examinar…
En la ventana siguiente abra la unidad o carpeta donde lo guardó el documento HTML, puede ser Mis Documentos o desde MI PC busque la unidad USB. Señale luego el archivo ejercicio1.htm y oprima el botón Abrir.
En la siguiente ventana haga clic en Aceptar.
El ejercicio no indica nada está en blanco, pues no se escribió nada dentro del cuerpo del documento HTML...
HTML
Significa Hyper Text Markup Language, Lenguaje de hipertexto. Utilizado con el fin de crear documentos para lo que se conoce como la World Wide Web.
USAR HTML CON BLOC DE NOTAS
Debemos tener instalado la aplicación Bloc de Notas, esta aplicación hace parte de los Utilitarios de Windows. Para ingresar haga lo siguiente:
Haga clic en Todoslos programas, busque Accesorios y haga clic, busque Bloc de Notas y haga clic, aparecerá una ventana como la que se muestra a continuación:
Ahora ya puede iniciar a escribir su primer documento Web con código HTML.
ETIQUETAS
Son aquellas que van escritas entre <etiqueta>, (símbolos menor y mayor)
CABECERAS , (HEADINGS)
Todo documento de HTML debe comenzar declarándose a sí mismo,poniendo <HTML> al comienzo del documento y </HTML> al final del mismo. Con esto le indicamos al lector de páginas que todo lo que se encuentre entre ellos (etiquetas que abren y cierran el documento HTML) está escrito en HTML.
Lo siguiente es poner lo que se conoce como cabecera <HEAD> </HEAD> justo después de la declaración de comienzo de documento HTML. En esta sección secolocan datos informativos como el título de la página web. Se escribe entonces <TITLE> (aquí pondremos el título de nuestra página, la cual se mostrará al ejecutar la página en la barra de título) </TITLE>.
Finalmente y tras cerrar la cabecera aparece lo que se llama cuerpo, <BODY> </BODY>. Esto indica el comienzo y final de la parte de documento a visualizar, quegeneralmente es lo único que visualizan muchos lectores de páginas, y es por ello que se recomienda no escribir nada que queramos visualizar fuera de estos marcadores, pues dependiendo del lector de páginas corremos peligro de que no se visualice.
Los comentarios en HTML, son notas o explicaciones que se pueden agregar para indicar para qué sirve colocar una línea de código en una determinada partedel documento HTML.
Se realizan de la siguiente manera:
<!- Para comenzar y -> para finalizar; por ejemplo, si escribiéramos:
<!- Aquí comienzan los ejemplos ->, este texto no aparecería por pantalla.
Ejemplo de nuestra primera página escrita en HTML.
<HTML><!- Indicamos el comienzo del documento HTML ->
<HEAD><!- Indicamos el comienzo de la cabecera -><!- Aquí se ponen los datos informativos, pero recordamos que el único interesante bajo nuestro punto de vista es el título de la página. ->
<TITLE><!- En este espacio va el título de la página -></TITLE>
</HEAD><!- Indicamos el fin de la cabecera ->
<BODY> <!- Indicamos el comienzo del cuerpo de la página ->
<!- Aquí colocaremos mediantelenguaje HTML lo que queramos visualizar ->
</BODY> <!- Indicamos el fin del cuerpo de la página ->
</HTML><!- Indicamos el fin del documento HTML ->
Nota: Copie este documento desde la etiqueta <HTML> hasta la etiqueta </HTML> en un documento nuevo en el Bloc de notas.
Al guardar, elija Archivo (menú), Guardar como… y aparecerá una ventana, en esa ventanaseleccione Mis Documentos o Mi PC y abra la unidad USB.
En nombre de archivo, escriba ejercicio1.htm y luego haga clic en Guardar.
Para probar la primera página o documento HTML, abra el explorador Internet Explorer. Desde Inicio o desde el Escritorio.
-24193540005Una vez abierto el entorno gráfico de Internet, haga clic en el menú Archivo y luego otro clic en Abrir.
En la ventana queaparece haga clic en Examinar…
En la ventana siguiente abra la unidad o carpeta donde lo guardó el documento HTML, puede ser Mis Documentos o desde MI PC busque la unidad USB. Señale luego el archivo ejercicio1.htm y oprima el botón Abrir.
En la siguiente ventana haga clic en Aceptar.
El ejercicio no indica nada está en blanco, pues no se escribió nada dentro del cuerpo del documento HTML...
Leer documento completo
Regístrate para leer el documento completo.