HTML Parte 3

Contenido
Cdigos de Colores
Cdigos de Caracteres
Creacin de Hipervnculos
Insertar Imgenes
Usar imagen como fondo de pagina
Usar imagen como marca decorativa de una lista
Grficos Animados
Prof. Carlos Antonio Aguirre
carlos99ayala@yahoo.com
RESUMEN CLASE ANTERIOR

Listas Desordenadas
<UL>
Listas Ordenadas
<OL>
Listas de Definicin
<DL>
<LI>
<DT>
<DD>
Tablas
<TABLE> <TR> <TD> <TH>
CODIGOS DE COLOR
Estos cdigos de color se pueden utilizar como valor de
atributo en los elementos
<FONT COLOR >
<BODY BGCOLOR FGCOLOR TEXT LINK VLINK ALINK>
Cyan rgb=#00FFFF
White rgb=#FFFFFF
Yellow rgb=#FFFF00
Red rgb=#FF0000
Black rgb=#000000
Green rgb=#00FF00
Aquamarine rgb=#70DB93
Blue rgb=#0000FF
Baker's Chocolate
Magenta rgb=#FF00FF
rgb=#5C3317
CARACTERES ESPECIALES
Dado que el HTML pretende ser un lenguaje universal, y que una
pgina debe verse como su creador desea, sin importar si estamos
ante un ordenador que "habla" en ingls o en espaol, o que tiene
tal o cual sistema operativo, se ha creado una tabla de caracteres
"conflictivos" (en realidad estn todos, pero generalmente slo se
usa para caracteres especiales) que se escriben con un cdigo en
lugar de pulsar la tecla que lo contiene directamente.
Por ejemplo, nuestra denostada en medio mundo "" se escribir:
Ñ o bien Ñ
CREACION DE ENLACES
El siguiente es sin duda el elemento ms importante del HTML, ya que
permite realmente "navegar" por uno o varios documentos, que pueden

residir en cualquier parte, parecindonos que siempre estamos en el mismo;
a esto se le llama hipertexto ya que con esta posibilidad, en realidad,
nuestro documento puede ser infinito
Todo esto lo consigue el elemento <A> (por Anchor, en ingls =
ancla o punto de anclaje). En lo sucesivo le llamaremos enlace o
simplemente link (en ingls link=eslabn o enlace).
Un link es un rea de la pantalla, que puede contener una o
varias palabras o una imagen, que es "sensible" al puntero del
ratn, y al ponerlo sobre ella y pulsar el botn izquierdo el
visualizador llamar a la pgina que tiene asignada el link.
Ejemplos
Se escribe:
<A HREF="http://www.miservidor.es/mifichero.htm"> Link de
prueba </A>.
Y se vera as: Link de prueba
El elemento <A> tiene dos atributos: HREF y NAME.

HREF
sirve
para
enlazar
con
otro
documento. El atributo NAME se utiliza

para definir algo as como "un punto de
aterrizaje"
en
cualquier
documento de destino.
lnea
del
TARGET. Se utiliza para

ordenar la apertura de otra
ventana del visualizador con
la pgina que se desee _top
_blank
_self
_parent
Se escribir as:
En el documento activo:
<A HREF="http://www.miservidor.es/mifichero.htm#punto1"> Ir al
punto 1</A>
En el documento destino: <A NAME="punto1"></A>

PARA ENVIAR EMAIL
<A HREF="mailto:jac@uv.es">Enviar e-mail</A>
INSERTAR IMAGENES
Para insertar una imagen en un documento
Las
HTML se utiliza el elemento <IMG>.
pueden estar en formato
imgenes
utilizadas
GIF o JPG.
Este elemento puede ir acompaado de los

atributos SRC ALT ISMAP ALIGN WIDTH
HEIGTH BORDER VSPACE HSPACE.
La diferencia entre estos

dos formatos es su nivel de
compresin
ALT (por alternativo) para definir un texto que

aparecer en lugar de la imagen. Esto es importante
cuando una imagen, adems de ser un elemento
decorativo o informativo, soporta un link. El uso de ALT
es recomendado por la W3.

INSERTAR IMAGENES
Imagen alineada a la izquierda (por defecto)
<IMG SRC="sugeren.gif">
Imagen con un texto alternativo
<IMG SRC="sugeren.gif" ALT="AQUI VA UNA IMAGEN">
Imagen alineada a la izquierda. Texto alineado arriba
<IMG SRC="sugeren.gif" ALIGN=TOP>
Imagen alineada a la izquierda. Texto alineado abajo
<IMG SRC="sugeren.gif" ALIGN=BOTTOM>
INSERTAR IMAGENES
Imagen alineada a la derecha. Texto alineado a la izquierda de la
imagen
<IMG SRC="sugeren.gif" ALIGN=RIGHT>
Imagen redimensionada a ms. Texto alineado a la derecha de la

imagen
<IMG SRC="sugeren.gif" ALIGN=LEFT WIDTH=272 HEIGTH=92 >
Imagen redimensionada a menos. Texto alineado a la derecha de la

imagen
<IMG SRC="sugeren.gif" ALIGN=LEFT WIDTH=75 HEIGTH=20 >
INSERTAR IMAGENES
Algunos ejemplos de imgenes en listas
Se escriben todas igual, slo hay que cambiar el

nombre de los grficos:
<DL>
<DT><IMG SRC="bolaroja.gif">Lnea de texto
</DL>
Grficos animados
La forma de incluir una imagen animada en el
documento es la misma que una imagen fija.
<IMG SRC="migrafico.gif">

HTML Parte 3

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

HTML Parte 3

Загружено:

Авторское право:

Доступные форматы

Contenido

RESUMEN CLASE ANTERIOR

Prof. Carlos Antonio Aguirre

Prof. Carlos Antonio Aguirre

&Ntilde; o bien &#209;

Prof. Carlos Antonio Aguirre

Prof. Carlos Antonio Aguirre

Prof. Carlos Antonio Aguirre

Prof. Carlos Antonio Aguirre

Prof. Carlos Antonio Aguirre

permite realmente "navegar" por uno o varios documentos, que pueden

El elemento <A> tiene dos atributos: HREF y NAME.

documento. El atributo NAME se utiliza

TARGET. Se utiliza para

Prof. Carlos Antonio Aguirre

En el documento destino: <A NAME="punto1"></A>

<A HREF="mailto:jac@uv.es">Enviar e-mail</A>

Prof. Carlos Antonio Aguirre

HTML se utiliza el elemento <IMG>.

pueden estar en formato

Este elemento puede ir acompaado de los

La diferencia entre estos

ALT (por alternativo) para definir un texto que

es recomendado por la W3.

Prof. Carlos Antonio Aguirre

Imagen redimensionada a ms. Texto alineado a la derecha de la

Imagen redimensionada a menos. Texto alineado a la derecha de la

Prof. Carlos Antonio Aguirre

Se escriben todas igual, slo hay que cambiar el

Prof. Carlos Antonio Aguirre

Вам также может понравиться

Ñ o bien Ñ