SlideShare una empresa de Scribd logo
1 de 7
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
JULIAN DAVID SEGURA VARGAS 906
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,
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
<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 BASE, TITLE, </HEAD>
del documento. ISINDEX, NEXTID,
META
<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,
</MARQUEE> -
Internet Explorer
DIRECTION, HEIGHT,
WIDTH, HSPACE,
VSPACE, LOOP,
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
separada.
Ninguno NO
<XMP> Similar a PRE. Ninguno </XMP>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
google drive
google drivegoogle drive
google drive
 
Trabajo de-informatica de Cristian Herrera
Trabajo de-informatica de Cristian HerreraTrabajo de-informatica de Cristian Herrera
Trabajo de-informatica de Cristian Herrera
 
Trabajo de informatica+
Trabajo de informatica+Trabajo de informatica+
Trabajo de informatica+
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El 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
 
Gtaby
GtabyGtaby
Gtaby
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página 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
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
el HTML.pptx
el HTML.pptxel HTML.pptx
el HTML.pptx
 
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
 
Html wendy martinez
Html wendy martinezHtml wendy martinez
Html wendy martinez
 
Html
HtmlHtml
Html
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
Presentación1 viviana
Presentación1 vivianaPresentación1 viviana
Presentación1 viviana
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 

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 JULIAN DAVID SEGURA VARGAS 906 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
  • 2. < ! Comentario. Ninguno --> <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 <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>
  • 3. <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 BASE, TITLE, </HEAD>
  • 4. del documento. ISINDEX, NEXTID, META <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, </MARQUEE> - Internet Explorer
  • 5. DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, 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>
  • 6. <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>
  • 7. <WBR> Se usa con NOBR para una sección que deba ser separada. Ninguno NO <XMP> Similar a PRE. Ninguno </XMP>