SlideShare una empresa de Scribd logo
1 de 13
La idea es poner aquí las etiquetas HTML que acepta el formato
wiki.
Por ejemplo: Los colores sólo se pueden poner con etiquetas HTML,
forzar el texto a tener un tamaño... etc. Estas etiquetas pueden
sustituir al formato wiki, como en las tablas, secciones, negrita,
cursiva... pero en estos casos siempre hay que optar por el
formato wiki, más simple y vistoso.


<HMTL>
Es la principal etiqueta html. Delimita el contenido de toda el
documento. Es obligatoria aunque algunos navegadores muestren
correctamente la página aunque no aparezca.
Etiqueta
             Etiqueta final   Uso
inicial
                              Sirve para mostrar cómo se ponen
<nowiki>     </nowiki>
                              enlaces, plantillas, etc.

                              Para que el wiki transforme texto plano
<math>       </math>
                              en fórmulas matemáticas usando TeX.

                              Para crear un eje cronológico o linea de
<timeline>   </timeline>
                              tiempo.

                              Para añadir un texto en una plantilla y
<noinclude> </noinclude>      que no aparezca al insertarla, pero sí al
                              visualizarla.

                          Añadir un texto que no aparezca en la
<includeonl </includeonly
                          plantilla, pero sí al visualizarla. (Sobre
y>          >
                          todo categorías).
                              Para que no imprima el texto entre las
<noprint>    </noprint>
                              etiquetas.
<p>
p>                               Indica un nuevo párrafo
                    (opcional)
                                 Añadiendo modificadores da formato a un
<span style="..."> </span>
                                 texto
                                 Añadiendo modificadores da formato a un
<div style="...">   </div>
                                 texto (se puede usar para recuadros)
                                 Añadiendo modificadores da formato a un
<font ...>          </font>
                                 texto (preferible span)
                                 Se usan donde en texto plano se usaría en
                                 signo de menor que (<), en signo de mayor
&lt;, &gt; y &amp; No cierran    que (>), o el ampersand (&), respectivamente
                                 (estos caracteres se suelen usar para efectos
                                 de estilo).
                                 Igual que la anterior. Sustituír xxx por un
&#xxx;              No cierra    código ASCII para que aparezca el caracter
                                 en cuestión (por ejemplo, 65 provoca una A).
                                 El texto entre estas dos etiquetas es convertido
<!--                -->          en comentario y no mostrado (sólo visible en
                                 la edición)
Listas ordenadas <ol>
Para crear una lista de este tipo debemos utilizar la etiqueta
<ol>. En este tipo de listas los elementos aparecen ordenados
mediante una secuencia de números o letras. Para escoger el
tipo de marca hemos de utilizar el atributo type. Los posibles
valores que puede tonar son:

     1: secuencia de números (por defecto)
     a: secuencia de letras minúsculas
     A: secuencia de letras mayúsculas
     i: secuencia de números romanos en minúsculas
     I: secuencia de números roimanos en mayúsculas
 modificar el número de cualquier elemento de la lista
 de forma individual.
Las listas de definiciones muestran un término y
su definición. Su uso es ligeramente diferente a
los dos tipos de listas vistos anteriormente. Para
crear una de esta listas hemos de emplear las
etiquetas <dl> y </dl>. En su interior hemos de
utilizar dos etiquetas diferentes: <dt> para
identificar el término que deseamos describir y
<dd> para señalar la defición que deberá
emparejarse con el término anterior.
Ejemplo:
Los gráficos se añaden al documento mediante la
  etiqueta <img>. Esta posse una gran cantidad de
  atributos para modificar su comportamiento.
  Veamos algunos de los más importantes:

src: localización de la imagen
lowsrc: localización de una imagen de baja resolución
que se mostrará mientras la imagen es cargada
alt: texto que se mostrará si la imagen no está displonible
height: altura de la imagen
width: anchura de la imagen
align: alineación horizontal respecto al texto: left, right o
center
valing: alineación vertical: top, bottom o middle
border: grosor del borde
Resultado del
ejemplo:
Se usa para crear un control de entrada de texto
multilínea.
Los atributo rows y cols nos indican la cantidad de
filas y columnas que tendra el recuadro del área
de texto.
en este ejemplo podemos observar lo siguiente:
action="texto.php" --> nos indica que el archivo
texto.php es el encargado de manipular los datos
que el usuario ingresó en el formulario
method="post" --> nos indica que los datos del
formulario se enviarán por el método post
name="eltexto" --> le asigna un nombre al
elemento textarea
http://www.virtualnauta.com/es/html/formularios-
html.php

http://geneura.ugr.es/~gustavo/html/

http://ima.udg.edu/~dagush/cursohtm
l/etiquet1.htm


http://www.virtualnauta.com/es/html/
html-etiquetas-basicas.php

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
 
Manual de Introducción a CSS3
Manual de Introducción a CSS3Manual de Introducción a CSS3
Manual de Introducción a CSS3
 
Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Css
CssCss
Css
 
Html
HtmlHtml
Html
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Codigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordesCodigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordes
 
Trucos para word
Trucos para wordTrucos para word
Trucos para word
 

Destacado

Instrumentos de evaluación
Instrumentos de evaluación Instrumentos de evaluación
Instrumentos de evaluación Ov_Danitza
 
Tema 1 Materiales Metalicos V5
Tema 1  Materiales Metalicos  V5Tema 1  Materiales Metalicos  V5
Tema 1 Materiales Metalicos V5guestc6d08a
 
Fundamentos de Redes. Tema 3 - La capa de Aplicación
Fundamentos de Redes. Tema 3 - La capa de AplicaciónFundamentos de Redes. Tema 3 - La capa de Aplicación
Fundamentos de Redes. Tema 3 - La capa de AplicaciónMiguel Ángel Martín Tardío
 
parcial de programacion
parcial de programacionparcial de programacion
parcial de programacionkatherine
 
Como crear aplicaciones moviles
Como crear aplicaciones movilesComo crear aplicaciones moviles
Como crear aplicaciones movileswasangareto
 
02 ict facebook fan page
02 ict facebook fan page02 ict facebook fan page
02 ict facebook fan pageaida_mell
 
M learning esperientzia
M learning esperientziaM learning esperientzia
M learning esperientziaAndrea Amezaga
 
¿No realizáis ningún tipo de mantenimiento en vuestros equipos?
¿No realizáis ningún tipo de mantenimiento en vuestros equipos? ¿No realizáis ningún tipo de mantenimiento en vuestros equipos?
¿No realizáis ningún tipo de mantenimiento en vuestros equipos? Oscar Brenchat
 
Presentacion ERP
Presentacion ERPPresentacion ERP
Presentacion ERPFerVoltas
 
Estrategia de recursos humanos
Estrategia de recursos humanosEstrategia de recursos humanos
Estrategia de recursos humanosOXPO11
 
Cuadro final de todos
Cuadro final de todosCuadro final de todos
Cuadro final de todosfany-raul
 
Protocolo multimedia
Protocolo multimediaProtocolo multimedia
Protocolo multimediaEdwin Perez
 
Sistemasestructurales 100419124507-phpapp02
Sistemasestructurales 100419124507-phpapp02Sistemasestructurales 100419124507-phpapp02
Sistemasestructurales 100419124507-phpapp02Mailen Diaz A
 

Destacado (20)

Presentacion celula europa
Presentacion celula europaPresentacion celula europa
Presentacion celula europa
 
Instrumentos de evaluación
Instrumentos de evaluación Instrumentos de evaluación
Instrumentos de evaluación
 
Tema 1 Materiales Metalicos V5
Tema 1  Materiales Metalicos  V5Tema 1  Materiales Metalicos  V5
Tema 1 Materiales Metalicos V5
 
Presentación bullying
Presentación bullyingPresentación bullying
Presentación bullying
 
A manual
A  manualA  manual
A manual
 
Fundamentos de Redes. Tema 3 - La capa de Aplicación
Fundamentos de Redes. Tema 3 - La capa de AplicaciónFundamentos de Redes. Tema 3 - La capa de Aplicación
Fundamentos de Redes. Tema 3 - La capa de Aplicación
 
Alejandro
AlejandroAlejandro
Alejandro
 
Lopez
LopezLopez
Lopez
 
parcial de programacion
parcial de programacionparcial de programacion
parcial de programacion
 
Como crear aplicaciones moviles
Como crear aplicaciones movilesComo crear aplicaciones moviles
Como crear aplicaciones moviles
 
02 ict facebook fan page
02 ict facebook fan page02 ict facebook fan page
02 ict facebook fan page
 
M learning esperientzia
M learning esperientziaM learning esperientzia
M learning esperientzia
 
¿No realizáis ningún tipo de mantenimiento en vuestros equipos?
¿No realizáis ningún tipo de mantenimiento en vuestros equipos? ¿No realizáis ningún tipo de mantenimiento en vuestros equipos?
¿No realizáis ningún tipo de mantenimiento en vuestros equipos?
 
Presentacion ERP
Presentacion ERPPresentacion ERP
Presentacion ERP
 
Apuntes php
Apuntes phpApuntes php
Apuntes php
 
Estrategia de recursos humanos
Estrategia de recursos humanosEstrategia de recursos humanos
Estrategia de recursos humanos
 
Cuadro final de todos
Cuadro final de todosCuadro final de todos
Cuadro final de todos
 
Protocolo multimedia
Protocolo multimediaProtocolo multimedia
Protocolo multimedia
 
Sistemasestructurales 100419124507-phpapp02
Sistemasestructurales 100419124507-phpapp02Sistemasestructurales 100419124507-phpapp02
Sistemasestructurales 100419124507-phpapp02
 
Trabajo grupo 3
Trabajo grupo 3Trabajo grupo 3
Trabajo grupo 3
 

Similar a Informática etiquetas html (20)

Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Introdu css clase1
Introdu css clase1Introdu css clase1
Introdu css clase1
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Resumen
ResumenResumen
Resumen
 
HTML
 HTML HTML
HTML
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Html power
Html powerHtml power
Html power
 
Html
Html Html
Html
 
Html
HtmlHtml
Html
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 

Informática etiquetas html

  • 1.
  • 2. La idea es poner aquí las etiquetas HTML que acepta el formato wiki. Por ejemplo: Los colores sólo se pueden poner con etiquetas HTML, forzar el texto a tener un tamaño... etc. Estas etiquetas pueden sustituir al formato wiki, como en las tablas, secciones, negrita, cursiva... pero en estos casos siempre hay que optar por el formato wiki, más simple y vistoso. <HMTL> Es la principal etiqueta html. Delimita el contenido de toda el documento. Es obligatoria aunque algunos navegadores muestren correctamente la página aunque no aparezca.
  • 3. Etiqueta Etiqueta final Uso inicial Sirve para mostrar cómo se ponen <nowiki> </nowiki> enlaces, plantillas, etc. Para que el wiki transforme texto plano <math> </math> en fórmulas matemáticas usando TeX. Para crear un eje cronológico o linea de <timeline> </timeline> tiempo. Para añadir un texto en una plantilla y <noinclude> </noinclude> que no aparezca al insertarla, pero sí al visualizarla. Añadir un texto que no aparezca en la <includeonl </includeonly plantilla, pero sí al visualizarla. (Sobre y> > todo categorías). Para que no imprima el texto entre las <noprint> </noprint> etiquetas.
  • 4. <p> p> Indica un nuevo párrafo (opcional) Añadiendo modificadores da formato a un <span style="..."> </span> texto Añadiendo modificadores da formato a un <div style="..."> </div> texto (se puede usar para recuadros) Añadiendo modificadores da formato a un <font ...> </font> texto (preferible span) Se usan donde en texto plano se usaría en signo de menor que (<), en signo de mayor &lt;, &gt; y &amp; No cierran que (>), o el ampersand (&), respectivamente (estos caracteres se suelen usar para efectos de estilo). Igual que la anterior. Sustituír xxx por un &#xxx; No cierra código ASCII para que aparezca el caracter en cuestión (por ejemplo, 65 provoca una A). El texto entre estas dos etiquetas es convertido <!-- --> en comentario y no mostrado (sólo visible en la edición)
  • 5. Listas ordenadas <ol> Para crear una lista de este tipo debemos utilizar la etiqueta <ol>. En este tipo de listas los elementos aparecen ordenados mediante una secuencia de números o letras. Para escoger el tipo de marca hemos de utilizar el atributo type. Los posibles valores que puede tonar son: 1: secuencia de números (por defecto) a: secuencia de letras minúsculas A: secuencia de letras mayúsculas i: secuencia de números romanos en minúsculas I: secuencia de números roimanos en mayúsculas modificar el número de cualquier elemento de la lista de forma individual.
  • 6.
  • 7. Las listas de definiciones muestran un término y su definición. Su uso es ligeramente diferente a los dos tipos de listas vistos anteriormente. Para crear una de esta listas hemos de emplear las etiquetas <dl> y </dl>. En su interior hemos de utilizar dos etiquetas diferentes: <dt> para identificar el término que deseamos describir y <dd> para señalar la defición que deberá emparejarse con el término anterior. Ejemplo:
  • 8.
  • 9. Los gráficos se añaden al documento mediante la etiqueta <img>. Esta posse una gran cantidad de atributos para modificar su comportamiento. Veamos algunos de los más importantes: src: localización de la imagen lowsrc: localización de una imagen de baja resolución que se mostrará mientras la imagen es cargada alt: texto que se mostrará si la imagen no está displonible height: altura de la imagen width: anchura de la imagen align: alineación horizontal respecto al texto: left, right o center valing: alineación vertical: top, bottom o middle border: grosor del borde
  • 11. Se usa para crear un control de entrada de texto multilínea. Los atributo rows y cols nos indican la cantidad de filas y columnas que tendra el recuadro del área de texto.
  • 12. en este ejemplo podemos observar lo siguiente: action="texto.php" --> nos indica que el archivo texto.php es el encargado de manipular los datos que el usuario ingresó en el formulario method="post" --> nos indica que los datos del formulario se enviarán por el método post name="eltexto" --> le asigna un nombre al elemento textarea