SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
1. Definicion de HTML:
HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un
conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán
una página web.
El HTML se creó en un principio con objetivos divulgativos de información con texto y
algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y
consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML
se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los
colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente
planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los
estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el
último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos
está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi
definitivo
2. Etiquetas
Etiquetas
Apertura Acción Atributos Cierre
< ! Comentario. Ninguno -->
<A> Hipervínculo. HREF, NAME, REL, </A>
REV, TITLE
<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
<BLOCKQUOTE>
Da formato con
sangría a un
párrafo
Ninguno </BLOCKQUOTE>
<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
<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, para
Lista de
Definiciones
<DL>.
Ninguno NO
<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>
Encabezamiento
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>
<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
monoespaciado.
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>
<MARQUEE> Marquesina.
ALIGN, BEHAVIOR,
BGCOLOR,
DIRECTION, HEIGHT,
WIDTH, HSPACE,
VSPACE, LOOP,
</MARQUEE> -
Internet Explorer
SCROLLAMOUNT,
SCROLLDELAY.
<MENU> Lista menú. Ninguno </MENU>
<META>
Metainformación
ubicada en HEAD.
EQUIV, CONTENT,
NAME
NO
<NEXTID>
Es un parámetro
que identifica al
documento.
NO NO
<NOBR>
Elimina los saltos
de líneas.
Ninguno NO
<OL>
Lista ordenada,
con elementos
marcados con
<LI>.
TYPE, START,
VALUE.
</OL>
<OPTION>
Opción de
selección dentro de
un formulario.
VALUE, SELECTED
VALUE
NO
<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,
CELLSPACING,
HEIGTH, WIDTH.
Internet Explorer:
COLOR
</TABLE>
<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
marcados con
<LI> .
COMPACT, TYPE </UL>
<VAR>
Formato tipo
variable.
Ninguno </VAR>
<WBR>
Se usa con NOBR
para una sección
que deba ser
Ninguno NO
separada.
<XMP> Similar a PRE. Ninguno </XMP>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Trabajo de Informatica.
Trabajo de Informatica.Trabajo de Informatica.
Trabajo de Informatica.
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Manual html
Manual htmlManual html
Manual html
 
Html
HtmlHtml
Html
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
 
Milton
MiltonMilton
Milton
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Estructura de una paguina html original
Estructura de una paguina html originalEstructura de una paguina html original
Estructura de una paguina html original
 
Gmail
GmailGmail
Gmail
 
Conceptos html
Conceptos  htmlConceptos  html
Conceptos html
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 

Similar a HTML y Etiquetas

Similar a HTML y Etiquetas (20)

Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
HTML
HTMLHTML
HTML
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
Html wendy martinez
Html wendy martinezHtml wendy martinez
Html wendy martinez
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
Html
HtmlHtml
Html
 
HTML y XML
HTML y XMLHTML y XML
HTML y XML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 

Más de Julian Segura (12)

Pag web
Pag webPag web
Pag web
 
Pantallasos index
Pantallasos indexPantallasos index
Pantallasos index
 
Bmx.sr
Bmx.srBmx.sr
Bmx.sr
 
INFORMES
INFORMESINFORMES
INFORMES
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
tabla 906
tabla 906tabla 906
tabla 906
 
tabla 906
tabla 906tabla 906
tabla 906
 
Access 2010
Access 2010Access 2010
Access 2010
 
Access 2010
Access 2010Access 2010
Access 2010
 
Trabajo nxt 2.0
Trabajo nxt 2.0Trabajo nxt 2.0
Trabajo nxt 2.0
 
Nxt 2.0
Nxt 2.0Nxt 2.0
Nxt 2.0
 
Trabajo informatica
Trabajo informatica Trabajo informatica
Trabajo informatica
 

HTML y Etiquetas

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO 1. Definicion de HTML: HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web. El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo 2. Etiquetas Etiquetas Apertura Acción Atributos Cierre < ! Comentario. Ninguno --> <A> Hipervínculo. HREF, NAME, REL, </A>
  • 2. REV, TITLE <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 <BLOCKQUOTE> Da formato con sangría a un párrafo Ninguno </BLOCKQUOTE> <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 <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>
  • 3. <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, para Lista de Definiciones <DL>. Ninguno NO <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> Encabezamiento del documento. BASE, TITLE, ISINDEX, NEXTID, META </HEAD>
  • 4. <HR> Línea horizontal. NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR NO <HTML> Al principio y al fin de todo documento. HEAD, BODY </HTML> <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 monoespaciado. 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> <MARQUEE> Marquesina. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, </MARQUEE> - Internet Explorer
  • 5. SCROLLAMOUNT, SCROLLDELAY. <MENU> Lista menú. Ninguno </MENU> <META> Metainformación ubicada en HEAD. EQUIV, CONTENT, NAME NO <NEXTID> Es un parámetro que identifica al documento. NO NO <NOBR> Elimina los saltos de líneas. Ninguno NO <OL> Lista ordenada, con elementos marcados con <LI>. TYPE, START, VALUE. </OL> <OPTION> Opción de selección dentro de un formulario. VALUE, SELECTED VALUE NO <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>
  • 6. <STRONG> Formato enfatizado más fuerte que <EM>. Ninguno </STRONG> <SUB> Subíndice. Ninguno </SUB> <SUP> Superíndice. Ninguno </SUP> <TABLE> Tabla. BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR </TABLE> <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 marcados con <LI> . COMPACT, TYPE </UL> <VAR> Formato tipo variable. Ninguno </VAR> <WBR> Se usa con NOBR para una sección que deba ser Ninguno NO
  • 7. separada. <XMP> Similar a PRE. Ninguno </XMP>