Lenguaje de programación de páginas web

LENGUAJE DE
PROGRAMACIÓN DE
PÁGINAS WEB

1

ÍNDICE:
 INTRODUCCIÓN
 ¿QUÉ ES HTML?
 CREACIÓN DE PÁGINAS WEB CON HTML SENCILLO
 ESTRUCTURA BÁSICA DEL HTML
 ESCRIBIR TÍTULOS
 ETIQUETAS DE PÁRRAFOS
 ETIQUETAS META
 LENGUAJE SCRIPT
 LISTAS
 INSERCCIÓN DE IMÁGENES
 HIPERENLACES ,HYPERLINKS…
 TABLAS
 SONIDO
 CONCLUSIÓN
 BIBLIOGRAFÍA 2

INTRODUCCIÓN
El HTML no es más que una aplicación del SGML
(Standard Generalized Markup Language), un sistema
para definir tipos de documentos estructurados y
lenguajes de marcas para representar esos mismos
documentos. El término HTML se suele referir a ambas
cosas, tanto al tipo de documento como al lenguaje de
marcas.

El lenguaje que utilizan las computadoras que están
conectadas a Internet es HTML.

3

¿QUÉ ES HTML?
Hyper Text Markup Language (Lenguaje de marcación de
Hipertexto) es el lenguaje de marcas de texto utilizado normalmente
en la www (World Wide Web).
El concepto de Hipertexto (Conocido también como link) permite
conectar dos elementos entre si y el SGML (Lenguaje Estándar de
Marcación General) el cual sirve para colocar etiquetas o marcas en
un texto que indique como debe verse. HTML no es propiamente un
lenguaje de programación como Visual Basic, etc., sino un sistema
de etiquetas. El entorno para trabajar HTML es simplemente un
procesador de texto, como el que ofrecen los sistemas operativos
Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece
MS Office (Word). El conjunto de etiquetas que se creen, se deben
guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o
"browsers" de paginas Web en Internet, como Microsoft Internet
Explorer.

4

Creación de páginas web con
lenguaje HTML
 Se pueden utilizar varios programas especializados
 Otra forma de diseñar un archivo .html, es copiar
todo en el Bloc de Notas del WindowsEstructura de
los documentos de HTML

PROGRAMAS
ESPECIALIZADOS
(ejemplos)

Macromedia
Microsoft Front Page
Dreamweaver 3.

5

ESTRUCTURA BÁSICA DEL
HTML
 Toda página Web debe contener la siguiente estructura :
 <HTML> La etiqueta le indica al visualizador que va a
comenzar a leer un documento HTML y se debe colocar
siempre al comienzo y al fin del texto.
 <HEAD> Indica un encabezado .
<TITLE></TITLE> Título
 <BODY>
</HTML>

6

ESCRIBIR TÍTULOS
 Para escribir títulos se usa la etiqueta <Hx></Hx> en
donde x es un número:
<h1>Titulo principal</h1>
<h2>Titulo secundario</h2>
<h3>Titulo terciario</h3>
<h4>Titulo cuarto nivel</h4>

Quedaría:
Título principal
Título secundario
Título terciario
Título cuarto nivel
7

ETIQUETAS DE PÁRRAFO
 Se utiliza la etiqueta <P> y </P>.

 Este comando es muy útil debido a que si uno escribe
algo porque el texto siempre va a aparecer en la misma
línea.

8

 Para alinear un párrafo se utiliza el comando <ALING> y
</ALING>, utilizado dentro de la etiqueta <P>. Se puede
alinear de tres formas diferentes
 <p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.

 Para cambiar de línea sem usa el comando: <BR>.

 Para separar un párrafo de otro: <HR>

9

ETIQUETAS PARA FORMATO DE
TEXTO
 <B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.

 FACE: fuente (arial…)

10

 COLORES :

 <FONT> :Regula el color del texto:
1.Especificación de los valores RGB del color deseado en forma
hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Nombre del color en inglés
 <body bgcolor=#808080></body> :para el color de fondo.

 text="#número" Para el color del texto.
 link="#número" Para el color de los enlaces. vlink="#número" El
color con que aparecerán los enlaces ya visitados.
 alink="#número" Color del enlace cuando lo pulsamos.

La combinación de números depende del color que se quiera,

11

ETIQUETAS META
 Usadas para poner meta-información del documento.

 Indica el nombre de la persona que elabora la pagina
WEB
<META NAME = "keywords" content = “Ana
Fernández">

12

LENGUAJE SCRIPT
 DEFINICIÓN:

 Un lenguaje de script es un pequeño lenguaje de programación
cuyo código se inserta dentro del documento HTML. Este código se
ejecuta en el navegador del usuario al cargar la página, o cuando
sucede algo especial como puede ser el pulsar sobre un enlace.

 CARACTERÍSTICAS:

 Permiten variar dinámicamente el contenido del documento,
modificar el comportamiento normal del navegador, validar
formularios etc...
 Se ejecutan en el navegador del usuario y no en la máquina donde
están alojadas.

13

LISTAS
 Las listas pueden ser:

Lista desordenada, <UL> (Unordered List).
Lista ordenada, <OL> (Ordered List).
Lista con círculos:
<li type=circle>
Lista con cuadrados:
<li type=square>

14

INSERCCIÓN DE UNA IMAGEN
 La etiqueta utilizada para agregar imágenes a una
página Web es <IMG> , va acompañada de un atributo
fundamental "SCR", que indica la ruta donde se
encuentra el archivo a insertar .

 Es decir:
<IMG SRC="lugar donde guardo la imagen">

15

HIPERENLACES,HYPERLINKS O
LINKS
 Para definir un enlace es necesario marcar con la etiqueta <a> el
objeto del cual va a partir dicho enlace. Debe incluir :href="URL"
para especificar el destino del enlace. Es decir, que antes del objeto
elegido debemos abrir con <a href="URL">, y después cerrar con </
a>.
 Ejemplo: queremos que el texto "pulse aquí para visitar tienda
ONLIE" nos conduzca a la "home page" de la tienda onlie, debemos
escribir en nuestro texto HTML:
<a href="http://www.tienda.onlie/">Pulse aquí para visitar a la tienda
onlie</a>
 Se vería : Pulse aquí para visitar a la tienda onlie

 Si queremos foto:<a href="imagen.gif">Foto</a> entonces al hacer
clic en el texto Foto nos abrirá la imagen.gif.

16

TABLAS
Las tablas son posiblemente la manera más clara de organizar la información.
También es el modo más adecuado de maquetar texto y gráficos de una
manera algo más controlada que con los parámetros ALIGN.

Las tablas se definen de la siguiente manera. Primero, las características de la
tabla, luego las de cada fila y dentro de ésta, cada celda. Así sería un ejemplo
de tabla:

<TABLE>
<TR>
<TD>1,1</TD>
<TD>1,2</TD>
<TD>1,3</TD>
</TR> <TR>
<TD>2,1</TD>
<TD>2,2</TD>
</TR>
</TABLE>
17

Estas son las cosas que podremos cambiar
con los atributos de TABLE:
BORDER
Especifica el grosor del borde que se dibujará alrededor
de las celdas. Por defecto es cero, lo que significa que no
dibujará borde alguno.
CELLSPACING
Define el número de pixeles que separarán las celdas.
CELLPADDING
Especifica el número de pixeles que habrá entre el borde
de una celda y su contenido.
WIDTH
Especifica la anchura de la tabla. Puede estar tanto en
pixeles como en porcentaje de la anchura total disponible
para él (pondremos "100%" si queremos que ocupe todo
el ancho de la ventana del navegador).
ALIGN
Alinea la tabla a izquierda (LEFT), derecha (RIGHT) o
centro (CENTER).
18

SONIDO
 Formatos WAV y MID.

 Otros necesitan : plug-in o Real Audio para los archivos RA.
 ModPlug para los MOD y derivados.

 Sonido activado por el usuario

La manera más sencilla de incluir sonidos es dejando al usuario la
decisión de escucharlos o no. Para hacerlo incluiremos el sonido en
el parámetro HREF de un enlace, como si fuera una página HTML:

Sonido de fondo

 En Explorer, desde la versión 2.0, se pueden incluir fondos sonoros
utilizando la etiqueta BGSOUND :

<BGSOUND SRC="musica.mid">
19

CONCLUSIÓN
Si no hubiera HTML aun seguiríamos con el antiguo FTP
mandándonos o bajando archivos que a veces ni sabíamos lo que
eran ni lo que contenían, sin poder visualizarlo antes. El lenguaje
de HTML fue un gran avance para el mundo ya que permite a las
personas crear sus propias páginas web de cualquier tipo de
contenido para mostrárselas al resto de los países por medio de
internet.
Con el HTML se logró un gran movimiento económico ya que
muchas empresan unan la red para publicar , ofrecer y vender sus
productos .

También gracias al HTML nacieron muchas empresas que ofrecen
diversos servicios como Yahoo, HotMail, Gmail,Amazon, etc.

Todo el universo de Internet se lo debemos al HTML, ya que todas
las páginas con las que se compone la World Wide Web están
hechas con el lenguaje de programación HTML.
20

BIBLIOGRAFÍA
 Clarín
Guía práctica de Internet
Buenos Aires
Editorial Sol 90 Barcelona
1999

 Sergio Talens Oliag - José Hernández Orallo
HTML. Manual de Referencia
Editorial Paraninfo
1996
 http://www.monografias.com/

 http://www.um.es/docencia/

21

Lenguaje de programación de páginas web

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Lenguaje de programación de páginas web

Lenguaje de programación de páginas web