En la edición de texto para web (HTML) existen recursos repetitivos muy útiles
para estructurar la dinámica de nuestras páginas web. Te mostramos las más
usadas en mis páginas Blog todas aplicables en cualquier sistema compatible
con Hipertexto.
Niveles de Datasaurio:
A1 Como funciona la Lista Desplegable
A2 Como hacer Base de datos con una tabla oculta
A3 Como hacer cálculos sencillos
A4 Como mostrar una ventana nueva con información
A5 Texto Oculto
A6 Uso de GetElementByid
A7 Como hacer un menú bonito (dentro de la misma página)
A8 Como Usar condicional
A9 Calculadora modelo A
A10 Calculadora modelo B
A11 Calculadora modelo C
A12 Bases del Html
A13 WebClass
A14 Clave de acceso en Html
A15 Tablas bases como y porque
A16 WebClass deteccion de eventos
A17 SoftWare AP Beta 2
A18 Software AP Beta 1
>> Listado de comandos
- Linea horizontal
- Buscar dentro del Texto
- Buscar el texto desde otro sitio
- Hacer lista desplegable
- Tablas
- Como Usar GetElemetById con un boton y un script
- Cono esconder Texto
- Como hacer una cuenta regresiva automática
- Como Abrir una ventana al hacer click en una imagen
- Ejercutar ecuación en linea
Página de Pruebas
Esta página contiene código HTML temporal, su intensión es solo probar el
funcionamiento de dicho código escrito a través del editor del blogger, en
la cabecera se muestra el código a probar inmediatamente después de la linea
divisoria se puede observar su funcionamiento.
Para revisar pulsar el siguiente link:
Linea horizontal
Sirve para separar temas o partes con publicidad su escritura HTML es el
siguiente:
<hr background-color:="black" color="WHITE" size="1px" />
Size / grosor de la línea Px tamaño en pixeles
Color / color principal
Background / color de fondo alrededor de la linea
También podemos jugar un poco con los colores de la siguiente forma
<hr background-color:="black" color="WHITE" size="2px" />
y luce de la siguiente forma:
Otro ejemplo puede ser:
naranja
<hr style="border: 2px solid; border-image: linear-gradient(to right, #f00,
#ff0) 1 1; width: 100%;">
se ve asi:
azul
<hr style="border: 2px solid; border-image: linear-gradient(to right, #00f,
#0ff) 1 1; width: 100%;">
Buscar dentro del texto
Se utiliza el caracter # seguido de la palabra clave la cual se coloca como identificador
dentro de la
etiqueta <a id="clave" > texto a localizar </a>
entonces se utiliza como un link pero busca dentro del texto (current
page) usando la palabra clave precedida del caracter
# dicha clave es sensible al uso
de mayúsculas y minúsculas.
< a href="#clave" > Texto mostrado en el Link </a>
<a id="clave" > Texto Buscado </a>
Buscar el texto desde otro sitio
Previamente se debe marcar el Texto a ser ubicado utilizando el atributo ID
dentro de la etiqueta
< a id="clave"> Texto Buscado </a>
luego desde cualquier página utilizamos la etiqueta de link como siempre pero
esta vez adicionando la clave a la dirección
URL del Sitio donde se marcó el Texto Buscado
<a href="www.URLdelSitio/#clave"
> Texto mostrado en el link </a>
getElemntById
como utilizar el famoso getelemtbyid con un boton y un script
con este atributo cambiarás el color del texto en cualquier lugar