Etiquetas de html

33
Como crear HTML Sencillos

Transcript of Etiquetas de html

Page 1: Etiquetas de html

Como crear HTML

Sencillos

Page 2: Etiquetas de html

Realmente el código HTML está en formato del texto más simple, de tal manera quepodemos crear una página web sin necesidad de un editor especial, solamenteutilizando un editor de texto normal como el bloc de notas.

Page 3: Etiquetas de html

Vamos a realizar el siguiente ejercicio:

1) Ingresa al bloc de notas de Windows.2) En el bloc de notas digita el siguiente código html:

Page 4: Etiquetas de html
Page 5: Etiquetas de html

Nota: Se debe ser extremadamente exacto con la forma de escribir o noresultará.

3) Guárdelo en el escritorio con el nombre mipagina.html

Page 6: Etiquetas de html
Page 7: Etiquetas de html

Nota: al cambiar la extensión de .txt a .html hacemos que la computadoralo identifique como página web.

4) Abra el archivo creado con un avegador como el Mozilla Fire Fox o GoogleChrome.

Page 8: Etiquetas de html
Page 9: Etiquetas de html

Otros Ejemplos

Page 10: Etiquetas de html

Eje

mp

lo 1

Page 11: Etiquetas de html
Page 12: Etiquetas de html
Page 13: Etiquetas de html

Eje

mp

lo 2

Page 14: Etiquetas de html
Page 15: Etiquetas de html
Page 16: Etiquetas de html

Eje

mp

lo 3

Page 17: Etiquetas de html
Page 18: Etiquetas de html
Page 19: Etiquetas de html

Eje

mp

lo 4

Page 20: Etiquetas de html
Page 21: Etiquetas de html
Page 22: Etiquetas de html

Eje

mp

lo 5

Page 23: Etiquetas de html
Page 24: Etiquetas de html
Page 25: Etiquetas de html

Otras Etiquetas

HTML

Page 26: Etiquetas de html

<A> Hipervínculo. (Ej: < a href="DIRECCION WEB" >Text</a>

<ADDRESS> Formato para dirección del autor.

<BASE> Url del autor; contexto del documento.

<BASEFONT SIZE> Tamaño de la fuente base.

<BGSOUND> Sonido de fondo.

<BIG> Aumenta el tamaño. Ninguno

<BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]

<BLOCKQUOTE> Da formato con sangría a un párrafo

Page 27: Etiquetas de html

<BODY> Cuerpo del documento. < body > & < /body >

<BR> Retorno de línea

<CAPTION> Posición de la leyenda en una tabla.

<CENTER> Centrar. <center> Texto </center>

<CI> Formato para citas en itálicas.

<CODE> Formato en tipo código. < code > Texto < /code >

<DD> Definiciones marcadas, para Lista de Definiciones

<XMP> Similar a PRE.

Page 28: Etiquetas de html

<DFN> Formato en itálica.

<DIR> Lista de directorio, con elementos marcados con <LI>.

<DL> Definiciones, con términos marcados con <DT> y <DD>.

<DT> Términos marcados, para Lista de Definiciones <DL>.

<EM> Formato enfatizado en itálica.

<EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]

<FONT> Definición de la fuente. < font="arial" size="12" type="bold" >Texto</font>

Page 29: Etiquetas de html

<FORM> Para ingresode datos del usuario en un formulario.

<H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>

<HEAD> Encabezamiento del documento. <head> & </head>

<HR> Línea horizontal.

<HTML> Al principio y al fin de todo documento. <html> & </html>

<I> Itálica (Cursiva).

<IMG> Cargar imágenes. <img src="LINK">

<INPUT> Define un objeto de ingreso en un formulario.

Page 30: Etiquetas de html

<ISINDEX> Indica que existe un index en el server para doc.

<ISMAP> Activa la selección de imágenes para el usuario.

<KBD> Formato monoespaciado.

<LI> Ítem de lista.

<LISTING> Listados.

<LIT> Literal. Como PRE, pero letra proporcional.

<MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>

<MENU> Lista menú.

<META> Metainformación ubicada en HEAD.

<NEXTID> Es un parámetro que identifica al documento.

<NOBR> Elimina los saltos de líneas.

<OL> Lista ordenada, con elementos marcados con < LI >.

Page 31: Etiquetas de html

<OPTION> Opción de selección dentro de un formulario.

<P> Retorno de línea, con un espacio.

<P ALIGN> Alineación de texto.

<PLAINTEXT> Pasaje de texto plano.

<PRE> Visualiza el texto en su formato original.

<S> Texto tachado.

<SAMP> Formato tipo ejemplo.

<SELECT> Para selección de opciones dentro de un formulario.

<SMALL> Disminuye el tamaño.

<STRONG> Formato enfatizado más fuerte que <EM>.

Page 32: Etiquetas de html

<SUB> Subíndice.

<SUP> Superíndice.

<TABLE> Tabla.

<TD> Celdas de una fila en una tabla, dentro de <TR>.

<TEXTAREA> Área para ingreso de texto dentro de un formulario.

<TH> Título de Tabla.

<TITLE> Título dentro de HEAD. <title> & </title>

<TR> Fila de una Tabla.

<TT> Formato tipo máquina.

<UL> Lista no ordenada, con elementos marcados con <LI>.

<VAR> Formato tipo variable.

<WBR> Se usa con NOBR para una sección separada.

Page 33: Etiquetas de html

Gracia

s