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
ñ ñ Á Á
Ñ Ñ É É
á á Í Í
é é Ó Ó
í í Ú Ú
ó ; ó
ú ; ú
Símbolos especiales
Código Símbolo Descripción
< < Menor que
> > Mayor que
& & ampersand
" “ Comillas dobles
&nbps; Espacio en blanco
' ' 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