1. Instituto tecnológico de nor oriente itecnor
docente
DUBLEY OMAR SANDOBAL HERNANDEZ
CURSO
INFORMATICA
TRABAJO
HTML
ALUMNA
QUINTANILLA CABRERA HILDA ESTELA
SECCION
“B”
2. QUE ES HTML
HTML, siglas de Hipertexto Marcus Lenguaje («lenguaje de marcas de hipertexto»), hace
referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que
sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define
una estructura básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de
la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a
la web, sobre todo en lo referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un
elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta
directamente en el código de la página, sino que se hace una referencia a la ubicación de
dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras
que recae en el navegador web (interpretador del código) la tarea de unir todos los
elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que
permita que cualquier página web escrita en una determinada versión, pueda ser
interpretada de la misma forma (estándar) por cualquier navegador web actualizado.
HTML (HyperText Markup Language)
Extendido de SGML
Extendido a XHTML
Estándar(es) ISO/IEC 15445
W3C HTML 4.01
W3C HTML5 (borrador)
Formato abierto ?
[editar datos en Wikidata]
3. Su evolución html
Elisabet Rodríguez agosto 31 2006
inCompartir
Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes
hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo.
Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes
hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo,
conexiones, ideas y nombres que por cuestiones de espacio, tiempo y claridad quedan
exentas de este artículo.
Ante todo, definir de que estamos hablando exactamente: HTML es el acrónimo de
HyperText Markup Language, que traducido a nuestro idioma es Lenguaje de Marcación de
Texto. Es una herramienta para que el ordenador conectado a Internet interprete como
visualizar el documento.
No es un lenguaje de programación y no tiene compilador alguno, así que si hay algún error
que no detecta lo visualizará de la manera en la que lo ha entendido. Es un sistema de
etiquetas que indica al ordenador cuando hay que señalar una cursiva, separar un párrafo o
definir el color del texto.
De todas maneras, tiene sus limitaciones así que a menudo se utilizan otras herramientas
como las hojas de estilo, que le dan mayor libertad al diseñador. En concreto, el HTML le
da las indicaciones mencionadas al programa cliente, el browser o navegador para que
presente el documento en la pantalla de la manera adecuada.
El HTML se hizo popular por su sencillez, era fácil de aprender y eso lo hace accesible a
mayor número de personas. Estos documentos web deben estar escritos con el mismo
“lenguaje” para que diferentes ordenadores puedan leerlos, si alguien utiliza un sistema
4. diferente no podrá compartir su información con los que usan el HTML ni podrá visualizar
los de los demás.
Tabla de etiquetas de html Guía práctica de HTML
Etiquetas de HTML
Regreso a Guía de HTML
Etiquetas | Atributos
En la presente tabla se hace una comparación entre las etiquetas de
formato de texto . Netscape no soporta <DFN>: ni <S> (tachado).
Con
etiqueta
Sin
etiqueta
Con
etiqueta
Sin
etiqueta
Con
etiqueta
Sin
etiqueta
ADDRES
S
ADDRES
S
CITE CITE
B:
NEGRIT
A
B:
NEGRIT
A
BIG BIG CODE CODE DFN DFN
EM EM
I:
ITALICA
I:
ITALICA
KBD KBD
SAMP SAMP SMALL SMALL STRONG STRONG
SUB5 SUB 5 SUP5
SUP 5 S Tachado S Tachado
TT TT
U
Subrayad
o
U
Subrayad
o
VAR VAR
Etiquetas
Apertura Acción Atributos Cierre
< ! Comentario. Ninguno -->
5. <A> Hipervínculo.
HREF, NAME,
REL, REV,
TITLE
</A>
<ADDRESS>
Formato para
dirección del
autor.
Ninguno </ADDRESS>
<BASE>
Url del autor;
contexto del
documento.
HREF </BASE>
<BASEFONT
SIZE>
Tamaño de la
fuente base.
Ninguno NO
<BGSOUND>
Sonido de
fondo.
SRC, LOOP.
NO - Internet
Explorer
<BIG>
Aumenta el
tamaño.
Ninguno </BIG>
<BLINK>
Hace
parpadear el
texto.
Ninguno
</BLINK> -
Netscape
<BLOCKQUO
TE>
Da formato
con sangría a
un párrafo
Ninguno
</BLOCKQUO
TE>
<BODY>
Cuerpo del
documento.
BGCOLOR,
BACKGROUND
, TEXT, LINK,
VLINK, ALINK
</BODY>
<BR>
Retorno de
línea.
CLEAR: Se
utiliza en
combinación con
ALIGN de
IMAGE.
NO
6. <CAPTION>
Posición de la
leyenda en
una tabla.
ALIGN:
TOP/BOTTOM.
Internet
Explorer: LEFT,
RIGHT,
CENTER
</CAPTION>
<CENTER> Centrar. Ninguno </CENTER>
<CITE>
Formato para
citas en
itálicas.
Ninguno </CITE>
<CODE>
Formato en
tipo código.
Ninguno </CODE>
<DD>
Definiciones
marcadas,
para Lista de
Definiciones
<DL>.
Ninguno NO
<DFN<
Formato en
itálica.
Internet
Explorer
</DFN<
<DIR>
Lista de
directorio, con
elementos
marcados con
<LI>.
Ninguno </DIR>
<DL>
Lista de
Definiciones,
con términos
marcados con
<DT> y
definiciones
marcadas con
<DD>.
Ninguno </DL>
<DT>
Términos
marcados,
Ninguno NO
7. para Lista de
Definiciones
<DL>.
<EM>
Formato
enfatizado en
itálica.
Ninguno </EM>
<EMBED>
Sonido de
Fondo.
SRC, WIDTH,
HEIGHT,
AUTOSTART,
LOOP.
NO - Netscape
<FONT>
Definición de
la fuente.
SIZE, COLOR.
Internet
Explorer: FACE.
</FONT>
<FORM>
Para ingreso
de datos del
usuario en un
formulario.
ACTION,
METHOD
</FORM>
<H1 ...H6>
Tamaño de
letras del 1 al
6.
HTML 3.0:
LEFT,
CENTER,
RIGHT
</H1 .../H6>
<HEAD>
Encabezamien
to del
documento.
BASE, TITLE,
ISINDEX,
NEXTID, META
</HEAD>
<HR>
Línea
horizontal.
NOSHADE,
SIZE, WIDTH,
ALIGN. Internet
Explorer:
COLOR
NO
<HTML>
Al principio y
al fin de todo
documento.
HEAD, BODY </HTML>
8. <I>
Itálica
(Cursiva).
Ninguno </I>
<IMG>
Cargar
imágenes.
ALIGN, SRC,
ALT, ISMAP,
WIDTH,
HEIGHT,
VSPACE,
HSPACE
NO
<INPUT>
Define un
objeto de
ingreso en un
formulario.
TYPE, NAME,
VALUE, SIZE,
MAXLENGHT,
ALIGN, SRC,
CHECKED
</INPUT>
<ISINDEX>
Indica que
existe un
index en el
server para el
documento.
Netscape:
PROMPT
NO
<ISMAP>
Activa la
selección de
imágenes para
el usuario.
Ninguno NO
<KBD>
Formato
monoespaciad
o.
Ninguno </KBD>
<LI> Ítem de lista.
Netscape:
VALUE, TYPE
NO
<LISTING> Listados
Ninguno.
Obsoleto.
</LISTING>
<LIT>
Literal. Como
PRE, pero usa
letra
proporcional.
Ninguno </LIT>
10. <P>
Retorno de
línea, con un
espacio.
Ninguno NO
<P ALIGN>
Alineación de
texto.
LEFT,
CENTER,
RIGHT
</P>
<PLAINTEXT>
Pasaje de
texto plano.
Ninguno.
Obsoleto.
</PLAINTEXT>
<PRE>
Visualiza el
texto en su
formato
original.
WIDTH </PRE>
<S>
Texto
tachado.
Ninguno </S>
<SAMP>
Formato tipo
ejemplo.
Ninguno </SAMP>
<SELECT>
Para selección
de opciones
dentro de un
formulario.
NAME, SIZE,
MULTIPLE
</SELECT>
<SMALL>
Disminuye el
tamaño.
Ninguno </SMALL>
<STRONG>
Formato
enfatizado
más fuerte
que <EM>.
Ninguno </STRONG>
<SUB> Subíndice. Ninguno </SUB>
<SUP> Superíndice. Ninguno </SUP>
<TABLE> Tabla.
BORDER,
CELLPADDING
,
</TABLE>
11. CELLSPACING,
HEIGTH,
WIDTH.
Internet
Explorer:
COLOR
<TD>
Celdas de una
fila en una
tabla, dentro
de <TR>.
ALIGN,
VALIGN,
NOWRAP,
COLSPAN,
ROWSPAN,
HEIGTH,
WIDTH
</TD>
<TEXTAREA>
Área para
ingreso de
texto dentro
de un
formulario.
NAME, ROWS,
COLS.
</TEXTAREA>
<TH>
Título de
Tabla.
ROWSPAN,
COLSPAN,
ALIGN,
VALIGN,
NOWRAP,
HEIGHT,
WIDTH
</TH>
<TITLE>
Título dentro
de HEAD.
Ninguno </TITLE>
<TR>
Fila de una
Tabla.
ALIGN,
VALIGN
</TR>
<TT>
Formato tipo
máquina.
Ninguno </TT>
<UL>
Lista no
ordenada, con
elementos
COMPACT,
TYPE
</UL>
12. marcados con
<LI> .
<VAR>
Formato tipo
variable.
Ninguno </VAR>
<WBR>
Se usa con
NOBR para
una sección
que deba ser
separada.
Ninguno NO
<XMP>
Similar a
PRE.
Ninguno </XMP>
< A>
Atributos
Nombre Etiqueta Acción Valor
HREF
Dirección del
URL local o
remoto.
href="www.hp.co
m"
LOOP
<BGSOUND
>
Número de veces
que se reproduce
el archivo de
sonido. Para
permanente se usa
INFINITE o -1.
loop=infinite
SRC
Nombre del
archivo de sonido
(Internet
Explorer)
src="sonido.wav"
LOOP <EMBED>
Número de veces
que se reproduce
el archivo de
sonido. Para
loop=-1
13. permanente se usa
INFINITE o -1.
SRC
Nombre del
archivo de sonido
(con Crescendo)
src="sonido.mid"
SRC
<IMAGE>
Nombre del
gráfico
src="imagen.gif"
ALT
Nombre que
reemplaza a la
imágen cuando
ésta no puede ser
cargada.
alt="Nombre de
Imágen"
BGCOLOR
<BODY>
Color de fondo
bgcolor="#FFFFFF
" (blanco)
BACKGROU
ND
Imágen de fondo
background="foto.g
if"
TEXT Color del texto
text="#000000"
(negro)
LINK Color de vínculo
link="#0000FF"
(azul)
VLINK
Color de vínculo
visitado
vlink="#FF0000"
(rojo)
ALINK
Color de vínculo
presionado
alink="#00FF00"
(verde)
ALIGN
<CAPTION>
dentro de
<TABLE>
Colocar título
arriba (TOP) o
debajo
(BOTTOM) de la
tabla.
align=top
ALIGN
<H1..H6>,
<P ALIGN>,
<TD>,
<TH>,
Alinear el texto:
LEFT, RIGHT,
CENTER
align=center
14. <TR>,
<DIV>,
ALIGN
<HR>
Alinear el texto:
LEFT, RIGHT,
CENTER
align=center
SIZE
Valor de la altura
en pixels o
porcentaje
size=3
WIDTH
Valor del ancho
en pixels o
porcentaje
width=50%
SIZE
<FONT>
Tamaño de la
letra de 1 a 7
size=6
COLOR Color de la letra
color="#000000"
(negro)
FACE
Fuente del texto
(Internet
Explorer)
face="helv"
(helvética)
HEIGHT <EMBED>,
<IMAGE>,
<MARQUEE
>, <TD>,
<TH>
Valor de la altura
en pixels o
porcentaje
heigth=80
WIDTH
Valor del ancho
en pixels o
porcentaje
width=50%
BORDER
<TABLE>
Borde y ancho del
borde en la tabla
border=5
CELLPADDI
NG
Espacio entre el
borde y el texto
cellpadding=10
CELLSPACIN
G
Espacio entre las
líneas interna y
externa del borde
cellspacing=3
15. HEIGHT
Valor de la altura
en pixels o
porcentaje
heigth=80
WIDTH
Valor del ancho
en pixels o
porcentaje
width=50%
COLSPAN
<TD> dentro
de <TABLE>
Expandir una
celda varias
columnas
colspan=4
ROWSPAN
Expandir una
celda varias filas
rowspan=4