SlideShare una empresa de Scribd logo
1 de 5
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Etiquetas html 1
Etiquetas html 1Etiquetas html 1
Etiquetas html 1
 
Introduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion WebIntroduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion Web
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Manual html
Manual htmlManual html
Manual html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Tarea
TareaTarea
Tarea
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 

Similar a Practica01 (20)

Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Cristhian garcia
Cristhian garciaCristhian garcia
Cristhian garcia
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Tema 2
Tema 2Tema 2
Tema 2
 
Html1
Html1Html1
Html1
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual rapido html
Manual rapido htmlManual rapido html
Manual rapido html
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
1 slphp html
1  slphp html1  slphp html
1 slphp html
 
Clase Nº 1 - HTML
Clase Nº 1 - HTMLClase Nº 1 - HTML
Clase Nº 1 - HTML
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Caracteres especiales y enlaces
Caracteres especiales y enlacesCaracteres especiales y enlaces
Caracteres especiales y enlaces
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
Cap02 (1)
Cap02 (1)Cap02 (1)
Cap02 (1)
 
Python en la Web Semántica
Python en la Web SemánticaPython en la Web Semántica
Python en la Web Semántica
 
Ejemplo de etiquetas
Ejemplo de etiquetasEjemplo de etiquetas
Ejemplo de etiquetas
 

Más de Itzcel FriRios (7)

Practica08
Practica08Practica08
Practica08
 
Practica07
Practica07Practica07
Practica07
 
Practica06
Practica06Practica06
Practica06
 
Practica05 b
Practica05 bPractica05 b
Practica05 b
 
Practica04
Practica04Practica04
Practica04
 
Practica03
Practica03Practica03
Practica03
 
Practica02
Practica02Practica02
Practica02
 

Practica01

  • 1. 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
  • 2. 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
  • 3. 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
  • 4. 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
  • 5. 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