Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Instituto tecnológico de nor oriente itecnor
docente
DUBLEY OMAR SANDOBAL HERNANDEZ
CURSO
INFORMATICA
TRABAJO
HTML
ALUMNA
...
QUE ES HTML
HTML, siglas de Hipertexto Marcus Lenguaje («lenguaje de marcas de hipertexto»), hace
referencia al lenguaje d...
Su evolución html
Elisabet Rodríguez agosto 31 2006
inCompartir
Quisiera utilizar las siguientes líneas para contaros la h...
diferente no podrá compartir su información con los que usan el HTML ni podrá visualizar
los de los demás.
Tabla de etique...
<A> Hipervínculo.
HREF, NAME,
REL, REV,
TITLE
</A>
<ADDRESS>
Formato para
dirección del
autor.
Ninguno </ADDRESS>
<BASE>
U...
<CAPTION>
Posición de la
leyenda en
una tabla.
ALIGN:
TOP/BOTTOM.
Internet
Explorer: LEFT,
RIGHT,
CENTER
</CAPTION>
<CENTE...
para Lista de
Definiciones
<DL>.
<EM>
Formato
enfatizado en
itálica.
Ninguno </EM>
<EMBED>
Sonido de
Fondo.
SRC, WIDTH,
HE...
<I>
Itálica
(Cursiva).
Ninguno </I>
<IMG>
Cargar
imágenes.
ALIGN, SRC,
ALT, ISMAP,
WIDTH,
HEIGHT,
VSPACE,
HSPACE
NO
<INPUT...
<MARQUEE> Marquesina.
ALIGN,
BEHAVIOR,
BGCOLOR,
DIRECTION,
HEIGHT,
WIDTH,
HSPACE,
VSPACE,
LOOP,
SCROLLAMOU
NT,
SCROLLDELA
...
<P>
Retorno de
línea, con un
espacio.
Ninguno NO
<P ALIGN>
Alineación de
texto.
LEFT,
CENTER,
RIGHT
</P>
<PLAINTEXT>
Pasaj...
CELLSPACING,
HEIGTH,
WIDTH.
Internet
Explorer:
COLOR
<TD>
Celdas de una
fila en una
tabla, dentro
de <TR>.
ALIGN,
VALIGN,
...
marcados con
<LI> .
<VAR>
Formato tipo
variable.
Ninguno </VAR>
<WBR>
Se usa con
NOBR para
una sección
que deba ser
separa...
permanente se usa
INFINITE o -1.
SRC
Nombre del
archivo de sonido
(con Crescendo)
src="sonido.mid"
SRC
<IMAGE>
Nombre del
...
<TR>,
<DIV>,
ALIGN
<HR>
Alinear el texto:
LEFT, RIGHT,
CENTER
align=center
SIZE
Valor de la altura
en pixels o
porcentaje
...
HEIGHT
Valor de la altura
en pixels o
porcentaje
heigth=80
WIDTH
Valor del ancho
en pixels o
porcentaje
width=50%
COLSPAN
...
Prochain SlideShare
Chargement dans…5
×

Quintanilla cabrera html

262 vues

Publié le

html

Publié dans : Formation
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Quintanilla cabrera html

  1. 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. 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. 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. 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. 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. 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. 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. 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>
  9. 9. <MARQUEE> Marquesina. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOU NT, SCROLLDELA Y. </MARQUEE> - Internet Explorer <MENU> Lista menú. Ninguno </MENU> <META> Metainformac ió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
  10. 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. 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. 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. 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. 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. 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

×