A por el 10!!!

esto es un h2

esto es un h3

esto es un h4


esto es un parrafo esto es un elace dentro de un parrafo.

syntaxis

p algo a href="algo" algo /a /p

caracteres especiales < > &  (espacio en blanco)

syntaxis

& lt; & gt; & amp; & nbsp
 esto es
    un text o        preformateado   mediante   la etiqueta       
    pre

syntaxis

pre> algo /pre>

esto es un salto de linea


syntaxis

br sin necesidad de etiqueta de cierre

esto es una abrebiacion

www

syntaxis

abbr title="algo" >algo /abbr

define el nombre de un trabajo

este documento por fernando

syntaxis

cite> algo /cite>
texto emfatizado

syntaxis

em> algo /em>
pulsa las teclas para escribir pulsa return para borrar

syntaxis

kbd> algo /kbd>
para cosas inportantes

syntaxis

strong> algo /strong>
texto en negrita

syntaxis

b> algo /b>
en cursiba

syntaxis

i> algo /i>

texto pequeño

syntaxis

p> small> algo /small> /p>
texto bajo

syntaxis

sub> algo /sub>
texto alto

syntaxis

sup> algo /sup>
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

syntaxis

blockquote cite"algo"> algo /blockquote
texto tachado

syntaxis

del> algo /del>
texto subrallado

syntaxis

ins> algo /ins

esto esta contenido en un div

con estilo

syntaxis

div> algo /div>
aqui hay un header

aqui hay un nav

esto es una seccion
esto es otra seccion

estos son detalle sin importancia y por eso estan en una etiqueta de details


esto es solo una escusa para hablar de la etiquta span

syntaxis

span> algo /span>

se usa para dar formato a parte de un texto


esto es un hyperenlace

syntaxis

a href="algo">algo /a>
imagen 1

syntaxis

img src="imagen.png">

atributos

src
camino absoluto o relativo hacia la imagen
alt
texto que se mostrara en lugar de la imagen si esta no carga
title
texto que se muestra en forma de tip al mantener el raton sobre la pantalla
width y height
etiquetas para establecer el tamaño de la imagen

lsitas

listas ordenadas

  1. esto es un elemento de lista ordenada
  2. esto es un elemento de lista ordenada
  3. esto es un elemento de lista ordenada

syntaxis

ol> li>algo/li> /ol>

listas no ordenadas

syntaxis

ul> li>algo/li> /ul>

listas de definicion

esto es un termino
esto es la definicion

syntaxis

dl> dt>algo /dt>
 dd>algo /dd> /dl>

tambien se pueden anidar una dentro de otra

listas anidadas

  1. esto es un elemento de lista ordenada
  2. esto es un elemento de lista ordenada
  3. esto es un elemento de lista ordenada
  4. esto es un termino
    esto es la definicion

tablas

esto es un th esto es un th

esto es un td esto es otro td

esto es un caption
esto es una tabla completa esto es una tabla completa esto es una tabla completa
esto es una tabla completa esto es una tabla completa
esto es una tabla completa esto es una tabla completa
esto es un th con rowspan esto es un td con colspawn
esto es un td con colspan
esto es un ejemplo de tabla

tablas complejas

esto es un caption
esto es una tabla completa esto es una tabla completa esto es una tabla completa
esto es una tabla completa esto es una tabla completa
esto es una tabla completa esto es una tabla completa
esto es un th con rowspan esto es un td con colspawn
esto es un td con colspan
esto es un ejemplo de tabla

atributos

border
establece el grosor del borde de la tabla
width
establece la anchura de la tabla
summary
aporta informacion sobre el contenido de la tabla
caption
texto opcional la etiqueta se pone dentro de la tabla pero el texto se muestra FUERA DE LA TABLA
colspan
sirve para agrupar filas
rowspan
sirve para agrupar columnas
col
para agrupar de forma estructural a varias columnas
colgroup
para asignar los mismos atributos a varias columnas

formularios

HTML CSS

select y textarea no esta dentro de imput a diferencia de "text | password | checkbox | radio | submit | reset | file | hidden | image | button

select es una opcion de seleccion desplegable

textarea es un cuadro de texto grande