HTML y Enlaces

7
UNIDAD 2-HTML GUIA II- PRÁCTICA ROBERT SÁNCHEZ

description

ESTA ES UNA GUÍA PARA CREAR UN SITO WEB CON ENLACES EN HTML

Transcript of HTML y Enlaces

Student report notebook kit (cover, binder spine, divider tabs)

UNIDAD 2-HTMLGUIA II- PRCTICAROBERT SNCHEZ6

Nombre de la clase:Estructura general de una pgina y enlacesAgenda:EN ESTA SECCIN APRENDER:Crear un sitio web bsico e identificar el cdigo baseCrear un sitio web que contenga un encabezado, cuerpo y texto interno con formato desde Bloc de Notas

AGENDADESARROLLO:Analiza esta estructura general:

Titulo del documento

ETIQUETAFUNCIN

Empieza un documento HTML

Zona de cabecera

Zona de ttulo

Termina zona de ttulo

Termina zona de cabecera

Zona de cuerpo del documento

Termina zona de cuerpo del documento

Termina documento HTML

Todas las pginas html comienzan con el tag y terminan con el tag. Esta seccin limita al documento e indica que todo lo que est dentro de los marcadores se encuentra escrito en el lenguaje.En medio de estos dos tags globales, hay dos secciones generales: (cabeza) y el (cuerpo) del documento.En cabeza (que est limitada por los tags y ) se pone informacin que no aparece directamente en el interior de la pgina, como el ttulo de la ventana (delimitado por los tags y . Solo puede haber un ttulo por documento, corto y significativo.En el cuerpo del documento (limitado por los tags y >/body>se encierra todo lo que aparece en la pgina.

La etiquetapuede tener los siguientes atributos:text=... color del textolink=... color de enlaces no visitadosvlink=... color de enlaces visitadosalink=... color del link activobgcolor=... color del fondobackground=... Imagen de fondo

En dnde escribir el cdigo fuente?El cdigo fuente de una pgina web, Se puede escribir en cualquier programa que pueda trabajar con texto sin formato. La opcin ms simple es utilizar el Bloc de notas, que es un accesorio estndar incluido con los sistemas operativos Microsoft Windows.El Bloc de notas es muy efectivo porque no agrega formatos ni caracteres adicionales a los textos, como hacen la mayora de procesadores de texto.Una vez escrito el cdigo fuente en el bloc de notas, debes guardarlo con la extensin .html. Para eso, en el cuadro de dialogo del men File/Save As (Archivo/guardar como) selecciona el Tipo >Todos los archivos y agrega al nombre del archivo la extensin .html.

Para ver en el navegador la pgina creada, basta abrirla opa arrastrarla a una ventana de exploracin. Para editar o modificar el cdigo fuente de un documento HTML abierto en el navegador, utiliza el comando men ver/cdigo fuente o Men pgina/ Ver cdigo fuente, parta que se abra el cdigo en bloc de notas, guardar los cambios y cerrar. De regreso en el navegador, actualiza los cambios con el Men Ver/ Actializaro la tecla F5. Actividad del alumno:En dnde escribir el cdigo fuente?1. Digita en Bloc de notas para luego visualizar en el navegador de internet las siguientes pginas web, que y guardarlas en una carpeta del Escritorio que le colocar el nombre Pagsweb 2. Anota en su cuaderno las lneas el cdigo fuente completo de cada pgina.

Este cdigo se guardar como Pag01.html Mi pagina del Web - 1 Primera pgina Esta es mi primera pgina, aunque todavia es muy sencilla. Como el lenguaje HTML no es dificil, pronto estare en condiciones de hacer cosas ms interesantes. Aqui va un segundo parrafo.

Este cdigo se guardar como Pag02.html

Mi pagina del Web - 2

Mis aficiones

Sin un orden particular, mis aficiones son las siguientes:

  • El cine
  • El deporte
    • Natacion
    • Baloncesto
  • La musica

La musica que ms me gusta es (en orden de preferencia):

  1. El rock
  2. El jazz
  3. La musica clasica

Este cdigo se guardar como Pag03.html

Mi pagina del Web - 3

Mis paginas favoritas

Estas son mis paginas favoritas: Mi primera pgina
Mi segunda pgina