Categoría: HTML-Basics

Diseñe una calculadora de calificaciones de estudiantes usando JavaScript

Posted on by Rudeus Greyrat

Student Grade Calculator (SGC) se puede utilizar para calcular un porcentaje basado en las calificaciones de los estudiantes. (SGC) es un indicador bastante confiable de los resultados de los estudiantes. Fórmula: percentage = ( totalgrades / 400 ) * 100 ; Acercarse:SGC es una calculadora de porcentaje de las calificaciones de un estudiante. Para averiguar … Continue reading «Diseñe una calculadora de calificaciones de estudiantes usando JavaScript»

Tipos de documentos HTML

Posted on by Rudeus Greyrat

Doctype: una declaración de tipo de documento o doctype es una instrucción que le dice al navegador web sobre el lenguaje de marcado en el que está escrita la página actual. El Doctype no es un elemento o etiqueta, le permite al navegador conocer la versión o el estándar de HTML o cualquier otro lenguaje … Continue reading «Tipos de documentos HTML»

Programación de una presentación de diapositivas con HTML y CSS

Posted on by Rudeus Greyrat

En este artículo, sabremos cómo crear la presentación de diapositivas usando HTML y CSS. Una presentación de diapositivas se puede utilizar para mostrar texto o imágenes que se desplazan continuamente de una diapositiva a otra para mostrar su contenido. Este artículo muestra un método para crear una presentación de diapositivas con el uso exclusivo de … Continue reading «Programación de una presentación de diapositivas con HTML y CSS»

Conceptos básicos de HTML Canvas

Posted on by Rudeus Greyrat

En este artículo conoceremos HTML Canvas Basics , su implementación a través de los ejemplos.  El elemento HTML «lienzo» se utiliza para dibujar gráficos a través de JavaScript. El elemento «lienzo» es solo un contenedor para gráficos. Uno debe usar JavaScript para dibujar los gráficos. Canvas tiene varios métodos para dibujar rutas, cuadros, círculos, texto … Continue reading «Conceptos básicos de HTML Canvas»

Curso HTML | Fundamentos de HTML

Posted on by Rudeus Greyrat

Navegación del curso   En este artículo, repasaremos todo lo básico necesario para escribir HTML. Hay varias etiquetas que debemos considerar y conocer al comenzar a codificar en HTML. Estas etiquetas ayudan en la organización y el formato básico de elementos en nuestro script o páginas web. Estos procedimientos paso a paso lo guiarán a través … Continue reading «Curso HTML | Fundamentos de HTML»

¿Cómo hacer que los elementos de entrada y selección tengan el mismo ancho?

Posted on by Rudeus Greyrat

Como principiante, mientras trabajaba con CSS y HTML , es posible que haya notado un problema con los elementos del formulario como la entrada y seleccione que cuando se abre la salida en el navegador, ambos elementos no tienen el mismo ancho. No se vería correctamente alineado para el usuario.  En este artículo, estaríamos aprendiendo … Continue reading «¿Cómo hacer que los elementos de entrada y selección tengan el mismo ancho?»

¿Cómo crear una barra de búsqueda de pantalla completa usando HTML, CSS y JavaScript?

Posted on by Rudeus Greyrat

En este artículo, aprenderá cómo crear una barra de búsqueda de pantalla completa. Aquí se le pedirá que cree dos divs . Uno para el contenedor de superposición y el otro para el contenedor de contenido de superposición. Código HTML: El primer paso es crear un archivo HTML. Aquí crearemos la estructura básica para la … Continue reading «¿Cómo crear una barra de búsqueda de pantalla completa usando HTML, CSS y JavaScript?»

HTML | Rutas de archivos

Posted on by Rudeus Greyrat

Una ruta de archivo especifica la ubicación de un archivo dentro de una estructura de carpetas web. Es como una dirección de un archivo que ayuda al navegador web a acceder a los archivos. Las rutas de archivo se utilizan para vincular recursos externos, como imágenes, videos, hojas de estilo, JavaScript, mostrar otras páginas web, … Continue reading «HTML | Rutas de archivos»

¿Cómo animar una línea recta en movimiento lineal usando CSS?

Posted on by Rudeus Greyrat

El movimiento lineal de una línea recta significa que la línea comenzará en un punto, irá al segundo punto y luego regresará al punto de partida. Es una especie de movimiento de ida y vuelta. Lo haremos usando solo CSS. Enfoque: el enfoque es crear primero una línea recta y luego animarla usando fotogramas clave. … Continue reading «¿Cómo animar una línea recta en movimiento lineal usando CSS?»

¿Cómo centrar un div dentro de otro div?

Posted on by Rudeus Greyrat

La etiqueta div se usa para construir una división o sección de un documento HTML en el que se colocan otros elementos de HTML y esa división/sección funciona como un contenedor cuyo estilo CSS se puede hacer como una sola unidad o se puede usar javascript para realizar varios tareas en ese contenedor. Sintaxis: <div> … Continue reading «¿Cómo centrar un div dentro de otro div?»