Categoría: HTML-Misc

Deslice hacia abajo una barra de navegación al desplazarse usando HTML, CSS y JavaScript

Posted on by Rudeus Greyrat

Para crear una barra de navegación deslizable hacia abajo, debe usar HTML, CSS y JavaScript. HTML hará la estructura del cuerpo, CSS hará que se vea bien. Este tipo de barra de navegación deslizante se ve atractiva en un sitio. Al usar JavaScript, puede hacer que la barra de navegación se pueda deslizar fácilmente cuando … Continue reading «Deslice hacia abajo una barra de navegación al desplazarse usando HTML, CSS y JavaScript»

¿Cómo agregar un borde a un elemento al pasar el mouse usando CSS?

Posted on by Rudeus Greyrat

Hemos dado una página web que contiene elementos y la tarea es agregar un borde a un elemento al mover el mouse (pasar el mouse) usando CSS. Cuando agregamos un borde a un elemento al pasar el mouse, afecta la posición del otro elemento más cercano. Para eliminar este problema, podemos usar la propiedad de … Continue reading «¿Cómo agregar un borde a un elemento al pasar el mouse usando CSS?»

¿Cómo agregar un formulario de inicio de sesión a una imagen usando HTML y CSS?

Posted on by Rudeus Greyrat

El formulario de inicio de sesión en una imagen se utiliza en muchos sitios web. Como el sitio web de hoteles que contiene las imágenes de los hoteles o algunas organizaciones que organizan algunos eventos especiales que tienen esa imagen de eventos y un formulario de inicio de sesión en eso. En ese caso, puede … Continue reading «¿Cómo agregar un formulario de inicio de sesión a una imagen usando HTML y CSS?»

Formularios Bootstrap-5

Posted on by Rudeus Greyrat

Controles de formulario: <input>, <select>, <textarea> son las etiquetas utilizadas para la apariencia general como campo de entrada, elemento seleccionado y áreas de texto.      Nota: Para hacer que la interfaz de usuario sea más presentable, use propiedades como relleno, márgenes según la necesidad. Ejemplo:  HTML <!DOCTYPE html> <html>   <head>     <!– CSS only … Continue reading «Formularios Bootstrap-5»

¿Cómo imprimir una página usando jQuery?

Posted on by Rudeus Greyrat

La tarea es imprimir una página usando jQuery llamando a un método window.print cuando el usuario hace clic en un Botón. El método window.print() se envía para abrir el cuadro de diálogo Imprimir para imprimir el documento actual. No tiene ningún valor de parámetro.  Ejemplo: :  Código HTML: HTML <!DOCTYPE html> <html>    <head>     <title> … Continue reading «¿Cómo imprimir una página usando jQuery?»

¿Cómo pasar a la siguiente iteración en jQuery.each() util?

Posted on by Rudeus Greyrat

La función jQuery each() nos permite recorrer diferentes conjuntos de datos, como arrays u objetos. jQuery.each() es una de las funciones más utilizadas en jQuery. Sintaxis: $(selector).each(function(index, element)) $.each(function(index)) $.each() es esencialmente un reemplazo directo de un bucle tradicional for o for..in. Ejemplo 1: este ejemplo salta el paso 4 a la siguiente iteración, es … Continue reading «¿Cómo pasar a la siguiente iteración en jQuery.each() util?»

¿Cómo seleccionar la última fila de una tabla usando jQuery?

Posted on by Rudeus Greyrat

Dada una tabla HTML y la tarea es seleccionar la última fila de la tabla con la ayuda de jQuery. Hay dos enfoques que se analizan a continuación con el ejemplo adecuado. Enfoque 1: Primero, seleccione la tabla por su ID. Use el método find() para encontrar todas las filas de la tabla. Use el … Continue reading «¿Cómo seleccionar la última fila de una tabla usando jQuery?»

¿Cómo obtener el título de la página HTML actual usando jQuery?

Posted on by Rudeus Greyrat

Supongamos que ha proporcionado una página HTML y la tarea es obtener el título de una página HTML con la ayuda de jQuery. Hay dos enfoques que se analizan a continuación: Enfoque 1: El selector jQuery $(‘title’) se usa para seleccionar el elemento de título del documento y podemos usar el método text() en el … Continue reading «¿Cómo obtener el título de la página HTML actual usando jQuery?»

¿Cómo alinear el texto del marcador de posición en HTML?

Posted on by Rudeus Greyrat

El atributo de marcador de posición especifica una breve sugerencia que describe el valor esperado de un campo de entrada/área de texto. La sugerencia breve se muestra en el campo antes de que el usuario ingrese un valor. En la mayoría de los navegadores, los textos de marcador de posición suelen estar alineados a la … Continue reading «¿Cómo alinear el texto del marcador de posición en HTML?»

¿Cómo crear un botón de forma personalizada usando SVG?

Posted on by Rudeus Greyrat

Para diseñar la forma de un botón HTML podemos utilizar elementos SVG (Scalable Vector Graphics). Básicamente define los gráficos basados ​​en vectores en formato XML. Cada elemento y cada atributo en los archivos SVG se pueden animar. Podemos usar SVG para crear gráficos 2D de cualquier forma personalizada. Ejemplo 1: este ejemplo crea un botón … Continue reading «¿Cómo crear un botón de forma personalizada usando SVG?»