Cómo construir una computadora usando HTML

Autor: John Stephens
Fecha De Creación: 22 Enero 2021
Fecha De Actualización: 1 Mes De Julio 2024
Anonim
Hit-type Cameras, Video Manual
Video: Hit-type Cameras, Video Manual

Contenido

Además de innumerables calculadoras integradas, también puede hacer cálculos matemáticos en su escritorio utilizando código HTML para construir usted mismo. Para crear una computadora a partir de HTML, debe aprender algunos conocimientos básicos de este lenguaje de programación y luego copiar el código necesario en un editor de texto y guardarlo como HTML. Ahora puede abrir el documento HTML en su navegador favorito y comenzar a usar su computadora. Así, no solo puedes hacer matemáticas en el navegador, ¡sino que también aprendes los conceptos básicos de las artes de programación!

Pasos

Parte 1 de 4: Comprenda su código

  1. Conozca las funciones de cada html. El código que usa para construir su computadora se compone de muchos fragmentos de sintaxis. Se combinan para crear muchos elementos diferentes del documento. Haga clic aquí para aprender cómo familiarizarse con el proceso, o siga leyendo para ver qué hace cada línea de texto en el código que utilizará.
    • html: Esta parte de la sintaxis le dice al resto del documento qué idioma se utilizará. En programación se utilizan muchos lenguajes y deje que el resto del documento sepa que está escrito con, sí, es correcto, ¡html!
    • cabeza: Dígale al documento que el contenido a continuación son los datos sobre los datos, también conocidos como "metadatos" (metadatos). Comeinand se utiliza a menudo para definir un elemento estilístico del documento, como títulos, títulos, etc. Se puede considerar como un paraguas que cubre el resto del código.
    • título: Aquí es donde pondrás un nombre a tu documento. Este atributo determina el título del documento cuando se abre en el navegador html.
    • body bgcolor = "#": Este atributo especifica el color de fondo y cuerpo del código. El número entre comillas, después del signo #, corresponde a un color especificado en el html.
    • texto = "": La palabra entre comillas especifica el color del texto en el documento.
    • formulario nombre = "": Este atributo especifica el nombre del formulario. Gracias a él, Javascript identificará cuál es el formulario en cuestión y aplicará la estructura construida a partir del formulario. Aquí, por ejemplo, usamos el formulario Calculadora y creará una estructura separada para el documento.
    • tipo de entrada = "": Aquí es donde tiene lugar la acción. La propiedad "tipo de entrada" le dice al documento en qué tipo de entrada se encuentran los valores en el resto de los corchetes. Puede ser texto, contraseñas, botones (para computadoras), etc.
    • valor = "": Este comando le dice al documento cuál es el contenido del tipo de entrada especificado anteriormente. Con una calculadora, serían los dígitos (1-9) y las matemáticas (+, -, *, /, =).
    • onClick = "": Esta sintaxis describe un evento: le dice al documento que algo sucede cuando alguien presiona un botón. Con una computadora, queremos que se muestre cada botón presionado. Por ejemplo, con el botón "6", pondremos document.calculator.ans.value + = '6' entre comillas.
    • br: Esta etiqueta le ayuda a devolver una línea en el documento. Cualquier contenido que le siga aparecerá en la línea debajo del contenido anterior.
    • / form, / body y / html: estos comandos le dicen al documento en este punto, los comandos correspondientes inicializados terminarán.
    anuncio

Parte 2 de 4: Programación informática básica HTML


  1. Copie el siguiente código. Seleccione el texto en el cuadro de abajo manteniendo presionado y arrastrando desde la esquina superior izquierda del cuadro a la esquina inferior derecha. Todo el texto se volverá verde. Presione "Comando + C" en una Mac o "Ctrl + C" en una PC para copiar el código al portapapeles. anuncio

Parte 3 de 4: Crea tu computadora


  1. Abra un editor de texto basado en computadora. Hay muchas opciones para usted, pero por conveniencia y calidad, TextEdit y Notepad son las dos aplicaciones que debe usar.
    • En Mac, haga clic en la lupa en la esquina superior derecha de la pantalla para abrir Spotlight. En Spotlight, escriba TextEdit y haga clic en el programa: debe estar resaltado en verde.
    • En su PC, abra el menú Inicio en la esquina inferior izquierda de la pantalla. Escriba Bloc de notas en la barra de búsqueda y haga clic en la aplicación Bloc de notas que aparece en la barra de resultados a la derecha.

  2. Pegue el código HTML generado por computadora en el documento.
    • En Mac, haga clic en el cuerpo del documento y presione "Comando + V". A continuación, debe hacer clic en el elemento. "Formato" (formato) en la parte superior de la pantalla y "Hacer texto sin formato" (Crear texto en blanco) después de pegar.
    • En la PC, haga clic en el cuerpo del documento y presione "Ctrl + V".
  3. Guarda el archivo. Haga clic en el botón "Archivo" en la esquina superior izquierda de la ventana y en el menú desplegable, haga clic en "Guardar como ..." (Guardar como): en la PC o "Salvar ..." (Guardar): en Mac
  4. Agregue la extensión HTML para el nombre de archivo. En el menú "Guardar como ...", escriba el nombre del archivo con la extensión ".html", luego haga clic en "Guardar". Por ejemplo, para llamar al archivo Primera computadora, lo guardaría como "MayTinhDauTien.html".

Parte 4 de 4: Uso de su computadora

  1. Busque el archivo que acaba de crear. Ingrese el nombre del archivo en Spotlight o en la barra de búsqueda del menú Inicio como se muestra en el paso anterior. No es necesario que ingrese la extensión "html".
  2. Haga clic para abrir el archivo. El navegador predeterminado abrirá la computadora en un nuevo sitio web.
  3. Haga clic en los botones de la computadora para usarlo. Los resultados del cálculo aparecerán en la barra de resultados. anuncio

Consejo

  • Puede incrustar esta computadora en la página web si lo desea.
  • También puede usar las propiedades de estilo para cambiar el aspecto de su computadora.