<html>
<head>
</head>
<body bgcolor="#ff9900">
<h1><center>PRUEBA DE MARCOS FALLIDA</center></h1>
</body>
</html>
viernes, 4 de abril de 2008
<html>
<head>
<title>prueba marcos</title>
</head>
<frameset rows=20%,* bordercolor="#339933" border=2>
<frame name="cabeza" src="cabeza.html">
<frameset cols=20%,* bordercolor="#339933" border=2>
<frame name="izquierda" src="vinetas.html">
<frame name="derecha" src="tablas.html">
<frame name="otra">
</frameset>
</frameset>
</html>
<head>
<title>prueba marcos</title>
</head>
<frameset rows=20%,* bordercolor="#339933" border=2>
<frame name="cabeza" src="cabeza.html">
<frameset cols=20%,* bordercolor="#339933" border=2>
<frame name="izquierda" src="vinetas.html">
<frame name="derecha" src="tablas.html">
<frame name="otra">
</frameset>
</frameset>
</html>
miércoles, 2 de abril de 2008
Lista de Marcadores HTML
Marcadores Generales de Pagina Web
| ||
Marcador
|
Atributos
|
Uso
|
<html>
</html>
|
Indicador de inicio y
fin de pagina web
| |
<head>
</head>
|
Encabezado de pagina
| |
<body>
</body>
|
Bgcolor
Text
Link
Alink
Vlink
Background
Bgsound
bgproperties
|
Define el cuerpo o contenido de la Pagina
Color de fondo
Color de la letras a ser utilizadas
Color de los vínculos
Color de vínculo activo
Color de los vínculos visitados
Imagen utilizada como fondo
Sonido asociado a la pagina
Movimiento del fondo de manera vertical
|
Marcadores de Formato
| ||
Marcador
|
Atributos
|
Uso
|
<h1>….</h1>
<h6>….</h6>
|
Align
|
Encabezados de diferentes tamaños desde h1 hasta h6
Alinea a la izquierda (left), centro (center), derecha (right).
|
<br>
|
Salto de línea
| |
<hr>
|
Align
Noshade
Width
size
|
Línea Horizontal
Alinea a la izquierda (left), centro (center), derecha (right).
Sin sombreado
Ancho de la línea
Alto de la línea.
|
<font>
</font>
|
color
size
face
|
Permite definir la letra a ser utilizada.
Color de la letra
Tamaño mediante un número del 1 al 7 el estándar es el 7.
Tipo de letra.
|
<b> ….. </b>
|
Negrilla.
| |
<i> ….. </i>
|
Cursiva
| |
<u> ….. </u>
|
Subrayado
| |
<center>
</center>
|
Centra contenido entre marcadores.
| |
Marcadores de Imágenes
| ||
Marcador
|
Atributos
|
Uso
|
<img src=”..”>
|
Src
Height
Width
Border
Alt
Align
|
Insertar imagen ejm. <img src=”logosena.jpg”>
Nombre de la imagen
Altura de la imagen en pixel o porcentaje
Ancho de la imagen en pixel o porcentaje.
Ancho de borde en pixeles
Texto que se muestra al ubicarse sobre la imagen.
Alinea la imagen top (arriba), middle (medio), bottom (abajo), izquierda (left), derecha (right)
|
Marcadores de Tablas
| ||
Marcador
|
Atributos
|
Uso
|
<table>
</table>
|
align
bgcolor
border
bordercolor
borderdark
borderlight
caption
cellpadding
cellspacing
width
|
Crea una tabla
Alinea la tabla, center (medio), izquierda (left), derecha (right)
Color fondo de la celda
Ancho del borde de la tabla en pixeles.
Color del borde
Color parte oscura dl borde en 3d
Color parte clara del borde en 3d
Titulo de la tabla
Margen dentro de la celda
Espacio entre celdas
Ancho de la tabla en porcentaje o pixeles
|
<th>
</th>
|
Colspan
align
|
Encabezado de la tabla.
Numero de columnas usadas para el encabezado
Alineación del titulo
|
<tr>
</tr>
|
Crea una fila dentro de la tabla.
| |
<td>
</td>
|
Crea una columna de la tabla
| |
Marcadores de Listas Numeradas o con Viñetas
| ||
Marcador
|
Atributos
|
Uso
|
<ul>
</ul>
|
Crea una lista con viñetas
| |
<ol>
</ol>
|
Crea una lista numerada dentro de las etiquetas
| |
<li>
</li>
|
value
Type
|
Indica un elemento de cualquiera de las listas anteriores
Valor inicial de la lista
Type = A Lista en mayúscula.
Type = a Lista en minúsculas
Type = I Lista números romanos grandes
Type = i Lista números romanos pequeños
Type = 1 Lista en números arábigos.
Type = disc coloca circulo negro
Type = circle coloca circulo negro
Type = square coloca cuadrado
|
Marcadores Para Comentarios
| ||
Marcador
|
Atributos
|
Uso
|
<!-- -->
|
Comentarios
| |
<comment>
</comment>
|
Comentarios
| |
Marcadores para Marcos (Frames)
| ||
Marcador
|
Atributos
|
Uso
|
<frameset>
</frameset>
|
Rows
Cols
framespacing
|
Permite la creación y definición de marcos en una pagina web.
Define alto de las filas
Define ancho de las columnas
Define espacio entre columnas
|
<frame>
</frame>
|
Marginheigth
Marginwidth
Name
Noresize
Scrolling
Src
|
Crea un marco dentro del frameset definido previamente.
Define margen superior del marco.
Define margen izq./der. Del marco.
Asigna un nombre al marco.
Deja de tamaño fijo el marco
Habilita (=yes), deshabilita(=no), deja automático (=auto), el desplazamiento vertical en el marco.
Asigna a el marco la pagina html a ser cargada en el mismo.
|
<noframe>
</noframe>
|
Permite mostrar un texto o una pagina alternativa en caso de fallar la carga de la pagina asignada al frame con src.
| |
Marcadores para Hipervínculos
| ||
Marcador
|
Atributos
|
Uso
|
<a>
</a>
|
Href
Name
target
|
Llamada ancla crea un hipervínculo a otra página, o a un marcador en la misma página, también puede encadenar un archivo.
Pagina web que enlaza el hipervínculo.
Nombre del marcador donde apunta el hipervínculo.
Marco destino donde carga la pagina dada en el hipervínculo.
|
lunes, 31 de marzo de 2008
Prueba de vinetas y lista numeradas
<html>
<head>
<title>Prueba de vinetas y listas numeradas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<h3>
<!-- Este marcador se usa para escribir comentarios-->
<!-- La siguiente es una lista de ciudades -->
<ul>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ul>
<!-- La misma lista con vinetas cuadradas -->
<ul>
<li type=square>Bogota</li>
<li type=square>Caracas</li>
<li type=square>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos rellenos -->
<ul>
<li type=disc>Bogota</li>
<li type=disc>Caracas</li>
<li type=disc>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos vacios -->
<ul>
<li type=circle>Bogota</li>
<li type=circle>Caracas</li>
<li type=circle>Lima</li>
</ul>
<!-- Ahora una lista ordenada -->
<ol>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos mayuscula-->
<ol>
<li type=I>Bogota</li>
<li type=I>Caracas</li>
<li type=I>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos minuscula-->
<ol>
<li type=i>Bogota</li>
<li type=i>Caracas</li>
<li type=i>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras mayusculas-->
<ol>
<li type=A>Bogota</li>
<li type=A>Caracas</li>
<li type=A>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras minusculas-->
<ol>
<li type=a>Bogota</li>
<li type=a>Caracas</li>
<li type=a>Lima</li>
</ol>
<!-- Ahora una lista ordenada comenzando en 6-->
<ol>
<li value=6>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
</h3>
</body>
</html>
<head>
<title>Prueba de vinetas y listas numeradas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<h3>
<!-- Este marcador se usa para escribir comentarios-->
<!-- La siguiente es una lista de ciudades -->
<ul>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ul>
<!-- La misma lista con vinetas cuadradas -->
<ul>
<li type=square>Bogota</li>
<li type=square>Caracas</li>
<li type=square>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos rellenos -->
<ul>
<li type=disc>Bogota</li>
<li type=disc>Caracas</li>
<li type=disc>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos vacios -->
<ul>
<li type=circle>Bogota</li>
<li type=circle>Caracas</li>
<li type=circle>Lima</li>
</ul>
<!-- Ahora una lista ordenada -->
<ol>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos mayuscula-->
<ol>
<li type=I>Bogota</li>
<li type=I>Caracas</li>
<li type=I>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos minuscula-->
<ol>
<li type=i>Bogota</li>
<li type=i>Caracas</li>
<li type=i>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras mayusculas-->
<ol>
<li type=A>Bogota</li>
<li type=A>Caracas</li>
<li type=A>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras minusculas-->
<ol>
<li type=a>Bogota</li>
<li type=a>Caracas</li>
<li type=a>Lima</li>
</ol>
<!-- Ahora una lista ordenada comenzando en 6-->
<ol>
<li value=6>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
</h3>
</body>
</html>
jueves, 27 de marzo de 2008
Ejemplo de Creacion de tablas e imagenes
<html>
<head>
<title>Prueba de tablas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<center>
<table border="5" bordercolor="#ffffff" borderlight="#6600ff" borderdark="#000000" width="80%">
<th colspan="3">
mi directorio
</th>
<tr>
<td>nombre</td>
<td>direccion</td>
<td>foto</td>
</tr>
<tr>
<td>Pamela</td>
<td>2</td>
<td><img src="imagenespamela.jpg" align="right"></td>
</tr>
<tr>
<td>4</td>
<td><img src="imagenespamela.jpg" align="middle"></td>
<td><center><img src="imagenesshakira.jpg" align="top"></center></td>
</tr>
</table>
</center>
</body>
</html>
<head>
<title>Prueba de tablas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<center>
<table border="5" bordercolor="#ffffff" borderlight="#6600ff" borderdark="#000000" width="80%">
<th colspan="3">
mi directorio
</th>
<tr>
<td>nombre</td>
<td>direccion</td>
<td>foto</td>
</tr>
<tr>
<td>Pamela</td>
<td>2</td>
<td><img src="imagenespamela.jpg" align="right"></td>
</tr>
<tr>
<td>4</td>
<td><img src="imagenespamela.jpg" align="middle"></td>
<td><center><img src="imagenesshakira.jpg" align="top"></center></td>
</tr>
</table>
</center>
</body>
</html>
Suscribirse a:
Entradas (Atom)