jueves, 9 de febrero de 2017

Comandos de HTML


Comandos básicos de HMTL

Lista de los comandos más comunes para HTML
  • < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
  • < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).
  • < TITLE > ... < /TITLE > : Indica el título.
  • < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
  • < P > ... < /P > : Indica comienzo y fin de un párrafo.
  • < BR > : Permite saltarse una línea (se llama quiebre de línea).
  • < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
  • Tipos de letras:
    • < B > ... < /B > : Negrita.
    • < L > ... < /L > : Cursiva.
    • < BLINK > ... < /BLINK > : Parpadeante.
    • < STRONG > ... < /STRONG > : Enfatizada.
  • < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
  • < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
    Ejemplo: 
          < OL >
        < LI > Primer item
        < LI > Segundo item
        < UL > 
          < LI > Primer subitem
          < LI > Segundo subitem
        < /UL >
        < LI > Tercer item
      < /OL >





Y aquí un cuadro más explícito

Para toda la página
Color de Fondo<body bgcolor="#RRVVAA">



Permite colocar un color uniforme de fondo a toda la página. Este color estará formado por 3 números hexadecimales que indiquen:
RR = tonalidad de color rojo
VV = tonalidad del color verde
AA = tonalidad del color azul
Imagen de Fondo<body background="nombreimagen.gif">nombreimagen.gifdeberá reemplazarse por el nombre de la imagen. Se recomienda utilizar formatos .gif o .jpg
Colores de texto color de enlaces
enlaces visitados		<body text="#RRVVAA"
Link ="#RRVVAA"
Vlink ="#RRVVAA"
Alink ="#RRVVAA"		Permite definir los colores que se aplicarán en forma genérica para el texto como para los enlaces. El color está representado por un número hexadecimal
Estilos <style></style>Permite definir un estilo de fuente, color, tamaño, etc para todo el documento.
Meta<meta
name="description" content="comentarios"
name="keywords" content="palabra1 palabra2 ... palabran">		</meta>Permite definir propiedades internas del documento.
Name = "description" content = ”Será el resumen con que se publicará en el buscador. No utilizar más de 25 palabras"
Name = "keywords" con­tent = "podrán definirse palabras claves para que nuestro documento sea encontrado por los buscadores"
Sonido<bgsound
src="xx.wav"
loop=infinite/n>
<embed
src="xx.wav"
width=200 height=55
autostart="true"
loop="true"
hidden="true"> 		Ejecuta un archivo de sonido.
xx.wav se debe reemplazar por el nombre del archivo; loop nindica la cantidad de veces que se repetirá.
La etiqueta Embed con sus propiedades, se utiliza por las incompatibilidades de los navegadores.
Con esta opción aparece una consola cuyas di­mensiones se definen con Widtho Height y que puede ocultarse con Hidden  = "true"
Listas
Lista numerada<ol type= A * a * I * i start=n>
<lh> título de la lista </lh>
<li> Primera opción
<li> Segunda opción
<li> Tercera opción 		</ol>Se utiliza cuando las opciones deben ser numerados. La opción type representan número o letras ystart indicará el número con que inicia.
Lista no ordenada<ul type=square * circle * disk>
<lh> título de la lista </lh>
<li> Primera opción
<li> Segunda opción
<li> Tercera opción 		</ul>Se utiliza cuando las opciones no presentan un orden determinado. La opción type
representa la viñeta.
Lista con sangrado<dl>
<lh> título de la lista </lh>
<dt> Primer tema
    <dd> Primer detalle
    <dd> Segundo detalle
<dt> Segundo tema
    <dd> Tercer detalle
    <dd> Cuarto detalle 		</dl>Se utiliza cuando las opciones llevan un título y una definición
Enlaces o Links
Enlace a otro URL<a href="xxx"> yyy</a>xxx se debe reemplazar por la dirección URL destino del enlace.
yyy es el texto indicativo que se leerá en la página. 
Enlace a un
e-mail		<a href = "mailto:dirección e-mail"> texto indicativo del enlace </a>Te permite un enlace directo a tu cliente de correo predeterminado
Marca para enlace dentro de la misma página
(Ancla - Anchor)		<a href="#marca"> Texto de enlace al ancla</a>Referencia una posición a la que luego se accederá.
Localizar enlace anterior<a name="marca"> texto del ancla</a>Enlaza una posición previamente marcada, dentro de la misma página 
Enlace a otra página con marca, dentro del mismo sitio<a href="ab.htm#marca"> texto indicativo del enlace</a>Enlaza a la posición establecida en marca, en la página ab.htm
Enlace con imagenes<a href="xxx"><img src="nombreimagen.gif"></a>xxx se debe reemplazar por la dirección URL destino del enlace.
nombreimagen.gif
se debe reemplazar por el nombre de imagen seleccionado
Enlaza a la dirección URL haciendo un click sobre la imagen.
Tablas
Definición <table></table>Crea una tabla
Bordes 
Color de Bordes		<table border=n bordercolor="#RRVVAA">

n = representa al grosor del borde. También se podrá especificar el color del borde 
Separación entre celdas <table cellspacing=n>Las celdas podrán separarse por el n valor
Separación entre el borde y el contenido <table cellpadding=n>El contenido podrá estar separado del borde por el valor indicado en n
Alto
ancho		<table height=n o porcentaje
width=n o porcentaje>		Se puede establecer un valor o un porcentaje para definir el tamaño de la tabla
Color de Fondo o
Imagen de Fondo		<table bgcolor="#RRVVAA" background="imagen.gif">

Se puede establecer un color de fondo de toda la tabla o colocar una imagen de fondo
Título<caption
align=top * bottom> texto del título		</caption>Posibilita colocar un título a la tabla alineado top=arriba o bottom=abajo
Definición de filas<tr
align=left*center*right valign=top*middle*bottom bgcolor="#RRVVAA"> 		</tr>Por cada fila que tenga la tabla deberá utilizarse esta etiqueta: se podrá establecer la alineación del contenido, la ubicación dentro de la fila y el color de fondo.
Definición de títulos<th align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA"> </th> Permite definir los nombres de las columnas.
Definición de datos o contenidos<td align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA"> </td>Coloca contenidos a cada celda
Celda que ocupa muchas filas<td rowspan=numero de filas> </td>Se puede combinar una celda para que ocupe muchas filas.
Celda que ocupa muchas columnas<td colspan=numero de columnas> </td> Se puede combinar una celda para que ocupe muchas columnas.

Hay comandos que no requiere forzosamente la etiqueta que cierra.



30/01/17

Título " Práctica 2" con negritas

Energía Solar en negritas
La energía solar es la energía producida por el sol y que es convertida a energía útil por el ser humano, ya sea para calentar algo o producir electricidad (como sus principales aplicaciones).

Cada año el sol arroja 4000 veces más energía que la que consumimos por lo que su potencial es prácticamente ilimitado.

La intensidad de energía disponible en un punto determinado de la Tierra depende, del día del año, de la hora y de la latitud. Además, la cantidad de energía que puede recogerse depende de la orientación del dispositivo receptor.

Tipo de letra con parrafo

2/02/17

Título de la pestaña "Esta lista guarda los biberes de la semana" (que se mueva)

Título "Lista del mandado"

(tiene que llevar viñetas)

-Leche
-Azúcar
-Jitomate
-Café
-Carne
-Jamón
-Pan
-Queso
-Mayonesa
-Lechuga
-Papas fritas

Con color distinto cada elemento


Publicadas por a la/s

No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios de la entrada (Atom)