SlideShare uma empresa 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

Mais conteúdo relacionado

Mais procurados

Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML. Maria_Sabando
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Aprende un poco mas de Microsoft Word
Aprende un poco mas de Microsoft WordAprende un poco mas de Microsoft Word
Aprende un poco mas de Microsoft WordKristy Paola
 
Crea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definicionesCrea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definicionesnoelia alarcon
 
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, bordesDamarisreinoso09
 
CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB Karina Vergel
 
Ejercicio - Personal de departamentos (XSD - XML Schema)
Ejercicio - Personal de departamentos (XSD - XML Schema)Ejercicio - Personal de departamentos (XSD - XML Schema)
Ejercicio - Personal de departamentos (XSD - XML Schema)Abrirllave
 
Formularios (Photoshop)
Formularios (Photoshop)Formularios (Photoshop)
Formularios (Photoshop)Cat Lunac
 

Mais procurados (19)

Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
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
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 
Html
HtmlHtml
Html
 
Trucos para word
Trucos para wordTrucos para word
Trucos para word
 
Trucos de word
Trucos de wordTrucos de word
Trucos de word
 
Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Aprende un poco mas de Microsoft Word
Aprende un poco mas de Microsoft WordAprende un poco mas de Microsoft Word
Aprende un poco mas de Microsoft Word
 
Crea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definicionesCrea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definiciones
 
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
 
CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB
 
1
11
1
 
Comandos html
Comandos htmlComandos html
Comandos html
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Ejercicio - Personal de departamentos (XSD - XML Schema)
Ejercicio - Personal de departamentos (XSD - XML Schema)Ejercicio - Personal de departamentos (XSD - XML Schema)
Ejercicio - Personal de departamentos (XSD - XML Schema)
 
Manual XML
Manual XMLManual XML
Manual XML
 
Formularios (Photoshop)
Formularios (Photoshop)Formularios (Photoshop)
Formularios (Photoshop)
 

Semelhante a etiquetas html (20)

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
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
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
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
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.
 
Gordo
GordoGordo
Gordo
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Html power
Html powerHtml power
Html power
 
Html
Html Html
Html
 
programacion
programacionprogramacion
programacion
 
Resumen
ResumenResumen
Resumen
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Html
HtmlHtml
Html
 

Mais de maryesther20_95

Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas htmlmaryesther20_95
 
Informática derechos de reproducción
Informática derechos de reproducciónInformática derechos de reproducción
Informática derechos de reproducciónmaryesther20_95
 
Informática derechos de reproducción
Informática derechos de reproducciónInformática derechos de reproducción
Informática derechos de reproducciónmaryesther20_95
 

Mais de maryesther20_95 (6)

Informatica css
Informatica cssInformatica css
Informatica css
 
Informatica css
Informatica cssInformatica css
Informatica css
 
Qué es css
Qué es cssQué es css
Qué es css
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Informática derechos de reproducción
Informática derechos de reproducciónInformática derechos de reproducción
Informática derechos de reproducción
 
Informática derechos de reproducción
Informática derechos de reproducciónInformática derechos de reproducción
Informática derechos de reproducción
 

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