Guía HTML

Ttulos:
6 diferentes ; <H1> </H1> ; <H2>.</H2> ; ..

<hr color=color>; Para poner una linea en la pgina.
Prrafos:
<p></p>
Situar un prrafo en el centro o los lados:
align=center,right,left
Separar partes con una lnea: <hr color=color >
Listar elementos:
Con puntos: <ul> <li> </li> <li>..</il> </ul>
1. Con nmeros: <ol> <li> </li> <li>..</il> </ol>
Tipos de letra:
Negrita: <b>.. </b>
Cursiva (italic): <i> </i>
Subrayado (underline): <u> </u>
Superndice: <sup>.. </sup>
Subndice: <sub>.. </sub>
Etiqueta clave: <font>. </font>
Teletipo: <tt>. </tt>
Aumento de tamao: <big>..</big>
Disminucin de tamao: <small>..</small>
Remarcar: <strong>..</strong>
Modificadores de esta etiqueta:
Color: color=Color seleccionado
Tamao: size=Numero de pixeles (20px)
Fuente: face=Nombre de la fuente
Etiqueta para el salto de lnea: <br>
Etiqueta para hacer espacios (sangrar un prrafo):
<blockquote> </blockquote>
Imgenes:
<img src=sitio de la imagen width (ancho)=porcentaje o
tamao en pixeles height (altura)=tamao en pixeles
title=titulo border=tamao en pixeles >
Para centrar los elementos: <center>. </center>
Hipervnculos:
<a href=pgina web>.</a>
<a name=nombre de la zona de pgina> dejarlo vacio
</a>
<a href=#nombre de la zona de pgina> Ir a la zona de
pgina anterior </a>
Body:
<body bgcolor=color de fondo link=color del link
vlink=color de link visitado alink=color de link
activo>.</body>
Tablas:
Manda lo particular sobre lo general.
Situar un prrafo dentro de una celda en el sitio deseado
verticalmente: valign=top,middle,bottom
<table border=tamao del borde en pixeles
bgcolor=color deseado bordercolor="color del borde"
align="sitio deseado horizontalmente"
cellpadding=modifica el margen interior de las celdas
cellspacing=modifica el espacio entre las celdas >
<tr bgcolor=color deseado>
<td bgcolor=color deseado valign=sitio deseado
verticalmente colspan=nmero de celdas en horizontal
que quiero que ocupe rowspan=nmero de celdas en
vertical que quiero que ocupe>
Celda 1</td> <td> Celda 2</td>
</tr>
<tr>
<td> Celda 3</td>
<td> Celda 4</td> <td> Celda 5</td>

6</td>
<td> Celda
</tr>
<tr>
<td> Celda 7</td> <td> Celda 8</td>
9</td>
<td> Celda
</tr>
</table>
Videos y sonidos:
<embed src=ubicacin del archivo autostart=false
volume="0" loop=infinite>
Video de Youtube:
1.
2.
3.
4.
5.
Meterse en el video
Darle a compartir
Darle a insertar
Copiar el cdigo
Corregir el enlace
Estilos.css:
< X class=nombre cualquiera>
</X>
.nombre cualquiera {atributo CSS}
Frames:
<frameset rows=numero cualquiera,*,2*,% >
<frame src="http://www.colegiosansaturio.com">
<frame src="http://www.elmundo.es" target=nombre
del frame>
<frame src="http://www.marca.com">
</frameset>
<noframes>
<BODY BGCOLOR="red">
<h1> Lo sentimos, pero su navegador no soporta frames
</h1>
</BODY>
</noframes>
</HTML>
Mapeo de imgenes:
<map name="comunidades">
<area shape="circle" coords="x, y, radio" href="pgina
web">
<area shape="rect" coords="punta superior izq, punta
inferior derecha" href="pgina web ">
<area shape="poly" coords="puntos en el sentido de las
agujas del reloj" href="http://www.google.es">
</map>
<img usemap="#comunidades" src="imagenes/mapa.jpg"
title="Pinche en la provincia para obtener detalles">
Javascript:
<head>
<noscript>
<p> Por favor active Javascript en su navegador</p>
</noscript>
<script type=text/javascript>
Se escribe la function (lo que se quiere hacer con esa
funcin);
alert ("Mi primer programa en Javascript");
</script>
</head>
<BODY>
<p onclick="alert('Jo, no sabes lo que ha pasao, Mencey
Pelinor ha morido. PUTA BIDA TT')">
Hola, Quedamos para estudiar?
</p>
</BODY>
var numero_1=3;
var numero_2=5;
var resultado=numero_1+numero_2;
alert(resultado);
numero_1="Ahora la variable contiene texto";
alert(numero_1);
Evento
onblur
Descripcin
Deseleccionar el elemento
Elementos para los que est

definido
<button>, <input>, <label>,
<select>, <textarea>, <body>
Deseleccionar un elemento que se ha

<input>, <select>, <textarea>
modificado
onclick
Pinchar y soltar el ratn
Todos los elementos
Pinchar dos veces seguidas con el
ondblclick
Todos los elementos
ratn
<button>, <input>, <label>,
onfocus
Seleccionar un elemento
<select>, <textarea>, <body>
onkeydown
Elementos de formulario y <body>
Pulsar una tecla (sin soltar)
onkeypress Pulsar una tecla
onkeyup
Soltar una tecla pulsada
La pgina se ha cargado
onload
<body>
completamente
onmousedown Pulsar (sin soltar) un botn del ratn Todos los elementos
onmousemove Mover el ratn
Todos los elementos
onchange
Evento
Descripcin
Elementos para los que est

definido
El ratn "sale" del elemento (pasa

Todos los elementos
por encima de otro elemento)
El ratn "entra" en el elemento (pasa
onmouseover
Todos los elementos
por encima del elemento)
Soltar el botn que estaba pulsado en
onmouseup
Todos los elementos
el ratn
Inicializar el formulario (borrar
onreset
<form>
todos sus datos)
Se ha modificado el tamao de la
onresize
<body>
ventana del navegador
onselect
<input>, <textarea>
Seleccionar un texto
onsubmit
<form>
Enviar el formulario
Se abandona la pgina (por ejemplo <body>
onunload
al cerrar el navegador)
onmouseout
Sintaxis de javascript:
No se tiene en cuenta los espacios en blanco y las nuevas
lneas.
Se distinguen maysculas de minsculas.
No se define el tipo de las variables.
//comentario de una linea
/*comentario de
varias lineas*/
No es necesario terminar con ; pero s muy recomendable
Normas para identificadores de variable:
1 carcter no puede ser un nmero.
letras nmeros y smbolos $ y _ .
No sea una palabra reservada.
-Variable numrcia:
var entero=1;
var decimal=1;
-Cadenas de texto:
var texto=Ferguson, \t\t alias \diente \n largo\ se
acerc lentamente.
-Tipo arrays:
var diasemana=prompt("Introduce
semana \n del 0 al 6","","")
un
da
de
la
var
dias=["Domingo","Lunes","Martes","Mircoles","Jueves
","Viernes","Sbado"];
alert("El da de la semana n "+diasemana+" es el
"+dias[diasemana]+".");
Ejercicio resuelto:
var apellido1=prompt("Introduce tu apellido","","");
var
apellido2=prompt("Introduce
apellido","","");
tu
segundo
var nombre=prompt("Introduce tu nombre","","");

alert(nombre+" "+apellido1+" "+apellido2)
IMP: Comentar el programa!
Variables bureanas:
alert(4>=4); Mayor o igual
alert(4<=4); Menor o igual
alert(4>4); Mayor
alert(4<4); Menor
alert(4==4); Igual
alert(4!=4); Distinto
Condicional:
var numero=prompt("Introduzca un nmero por favor","1")

if (numero<5)
{
alert("Oye, Sabas que el nmero "+numero+" es
menor que 5?")
}
else
{
if (numero==5)
{
alert("Oye, Sabas que el nmero "+numero+"
es igual que 5?")
}
else
{
if (numero>5)
{
alert("Oye,
Sabas
"+numero+" es mayor que 5?")
que
el
nmero
}
else
{
alert("Introduce
funcione, gracias")
}
}
solo
nmeros
para
que
Para abrir una ventana:

window.open("http://www.google.es")
Bucles:
for(t=0;t<=3;t++)
{
}
Funciones:
function cambiar_colores ()
{
alert ("Funciona");
}
cambiar_colores ();
Formularios:
<BODY BGCOLOR="#FFFFFF">
<form name="form">
<input type="text/radio/button" >
</form>
</BODY>

Guía HTML

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Guía HTML

Загружено:

Авторское право:

Доступные форматы

Ttulos:

6 diferentes ; <H1> </H1> ; <H2>.</H2> ; ..

<td> Celda 3</td>

<td> Celda 4</td> <td> Celda 5</td>

.nombre cualquiera {atributo CSS}

Elementos para los que est

Deseleccionar un elemento que se ha

Elementos para los que est

El ratn "sale" del elemento (pasa

var nombre=prompt("Introduce tu nombre","","");

var numero=prompt("Introduzca un nmero por favor","1")

Para abrir una ventana:

<input type="text/radio/button" >

Вам также может понравиться