Desarrollo web con Flash                                                     Práctica 1




                                    Práctica 1 HTML


Una página web es un archivo de texto plano con la extensión .html, el cual está formado
por el contenido que se quiere mostrar, junto con las etiquetas HTML, CSS y demás, para
darle formato a dicho contenido.

El HTML no es una forma de codificar la información si no especificar que formato tendrá
esa información. Describe la forma en que se muestra la información, modificándola
mediante etiquetas que el navegador interpreta.

Las etiquetas son la base del HTML y pueden tener las siguientes formas:

•   <etiqueta atributo1=”valor” atributo2=”valor” … >

       Texto o contenido

    </etiqueta>

•   <etiquetaVacia />




Ing. Hugo Mendieta Pacheco                                                           1
Desarrollo web con Flash                                                               Práctica 1




                                    Estructura página XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

          <meta name="description" content="Descripcion del documento" />

          <meta name="keywords" content="Palabra, palabra" />

          <title>Untitled Document</title>

</head>



<body>

</body>

</html>




Para la etiqueta meta http-equiv, exiten otros posibles valores, depende de la
codificación.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />




Ing. Hugo Mendieta Pacheco                                                                     2
Desarrollo web con Flash                                                            Práctica 1




EL UCS, necesita los caracteres especiales para los caracteres latinos del español.

                   Código             Caracter           Código          Caracter

                   &ntilde;              ñ               &Aacute;            Á

                   &Ntilde;              Ñ               &Eacute;            É

                   &aacute;              á               &Iacute;            Í

                   &eacute;              é               &Oacute;            Ó

                   &iacute;                í             &Uacute;            Ú

                  &oacute ;              ó

                  &uacute ;              ú




                                         Símbolos especiales

                              Código           Símbolo      Descripción

                               &lt;               <         Menor que

                               &gt                >          Mayor que

                              &amp;              &          ampersand

                              &quot;              “       Comillas dobles

                              &nbps;                     Espacio en blanco

                              &apos;              '          apóstrofe



Comentarios:

<!-- Comentarios de una o más líneas -->




Ing. Hugo Mendieta Pacheco                                                                  3
Desarrollo web con Flash                                                                Práctica 1




                                          Etiquetas de Texto

       Etiqueta      Atributos comunes             Tipo                   Descripción

           p                                  Bloque         Párrafo

         h1 - 6                               Bloque         Títulos

          em                                  En línea       Importancia en el texto

         strong                               En línea       Importancia en la página

          ins       cite=”url”                Bloque y línea Inserción de mayor información a
                    datetime=”fecha”                         una url externa

          del       cite=”url”                Bloque y línea Borrado de contenido
                    datetime=”fecha”

       blockquote   cite=”url”                Bloque         Citas de una url externa

         abbr       title=”significado”       En línea       Abreviaturas

        acronym     title=”significado”       En línea       Acrónimos o siglas

          dfn       title=”significado”       En línea       Definición

          cite                                En línea       Cita a otras fuentes

           br                                 Etiqueta vacía Salto de línea

          pre                                 Bloque         Texto con preformato

         code                                 En línea       Código fuente




Ing. Hugo Mendieta Pacheco                                                                      4
Desarrollo web con Flash                                                                 Práctica 1




Ejercicio 1

    •    Copiar los primeros dos párrafos de la liga: http://es.wikipedia.org/wiki/World_Wide_Web
         y darles formato de texto en un documento html.

    •    Al anterior documento, cambiar la codificación http-equiv.



Nota:

A todos los ejercicios se les nombrará:

                               MMDDEj##[Apellido_Descripcion].html

Donde:

              DD                          Día

              MM                          Mes

              ##                          Numero de ejercicio

              [ Apellido_Descripcion ]    Opcional: Apellido y Nombre o descripción del ejercicio




Ing. Hugo Mendieta Pacheco                                                                          5

Practica01

  • 1.
    Desarrollo web conFlash Práctica 1 Práctica 1 HTML Una página web es un archivo de texto plano con la extensión .html, el cual está formado por el contenido que se quiere mostrar, junto con las etiquetas HTML, CSS y demás, para darle formato a dicho contenido. El HTML no es una forma de codificar la información si no especificar que formato tendrá esa información. Describe la forma en que se muestra la información, modificándola mediante etiquetas que el navegador interpreta. Las etiquetas son la base del HTML y pueden tener las siguientes formas: • <etiqueta atributo1=”valor” atributo2=”valor” … > Texto o contenido </etiqueta> • <etiquetaVacia /> Ing. Hugo Mendieta Pacheco 1
  • 2.
    Desarrollo web conFlash Práctica 1 Estructura página XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Descripcion del documento" /> <meta name="keywords" content="Palabra, palabra" /> <title>Untitled Document</title> </head> <body> </body> </html> Para la etiqueta meta http-equiv, exiten otros posibles valores, depende de la codificación. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> Ing. Hugo Mendieta Pacheco 2
  • 3.
    Desarrollo web conFlash Práctica 1 EL UCS, necesita los caracteres especiales para los caracteres latinos del español. Código Caracter Código Caracter &ntilde; ñ &Aacute; Á &Ntilde; Ñ &Eacute; É &aacute; á &Iacute; Í &eacute; é &Oacute; Ó &iacute; í &Uacute; Ú &oacute ; ó &uacute ; ú Símbolos especiales Código Símbolo Descripción &lt; < Menor que &gt > Mayor que &amp; & ampersand &quot; “ Comillas dobles &nbps; Espacio en blanco &apos; ' apóstrofe Comentarios: <!-- Comentarios de una o más líneas --> Ing. Hugo Mendieta Pacheco 3
  • 4.
    Desarrollo web conFlash Práctica 1 Etiquetas de Texto Etiqueta Atributos comunes Tipo Descripción p Bloque Párrafo h1 - 6 Bloque Títulos em En línea Importancia en el texto strong En línea Importancia en la página ins cite=”url” Bloque y línea Inserción de mayor información a datetime=”fecha” una url externa del cite=”url” Bloque y línea Borrado de contenido datetime=”fecha” blockquote cite=”url” Bloque Citas de una url externa abbr title=”significado” En línea Abreviaturas acronym title=”significado” En línea Acrónimos o siglas dfn title=”significado” En línea Definición cite En línea Cita a otras fuentes br Etiqueta vacía Salto de línea pre Bloque Texto con preformato code En línea Código fuente Ing. Hugo Mendieta Pacheco 4
  • 5.
    Desarrollo web conFlash Práctica 1 Ejercicio 1 • Copiar los primeros dos párrafos de la liga: http://es.wikipedia.org/wiki/World_Wide_Web y darles formato de texto en un documento html. • Al anterior documento, cambiar la codificación http-equiv. Nota: A todos los ejercicios se les nombrará: MMDDEj##[Apellido_Descripcion].html Donde: DD Día MM Mes ## Numero de ejercicio [ Apellido_Descripcion ] Opcional: Apellido y Nombre o descripción del ejercicio Ing. Hugo Mendieta Pacheco 5