Plantillas – HelpDev

Plantillas de

HTML
CSS
JavaScript
Python
JavaScript
Sass

HTML

				
					<!DOCTYPE html>
<html>
  <head>
    <title>Título de la página</title>
    <meta charset="UTF-8">
    <meta name="description" content="Descripción de la página">
    <meta name="keywords" content="palabras clave, separadas por comas">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <h1>Título principal</h1>
    <p>Párrafo de texto</p>
  </body>
</html>

JAVASCRIPT

				
					<!DOCTYPE html>
<html>
  <head>
    <title>Título de la página</title>
  </head>
  <body>
    <h1>Título principal</h1>
    <p>Párrafo de texto</p>
    
    <script>
      // Aquí escribe tu código JavaScript
    </script>
  </body>
</html>

CSS

				
					<!DOCTYPE html>
<html>
  <head>
    <title>Título de la página</title>
    <link rel="stylesheet" href="estilos.css">
  </head>
  <body>
    <h1>Título principal</h1>
    <p>Párrafo de texto</p>
  </body>
</html>

SASS (SCSS)

				
					/* Estilos de la página */

$color-primario: #333;
$color-secundario: #999;

body {
  font-family: Arial, sans-serif;
  color: $color-primario;
}

h1 {
  color: $color-secundario;
  font-size: 2em;
}

REACT

				
					import React from 'react';

function NombreDelComponente() {
  return (
    <div>
      <h1>Título</h1>
      <p>Párrafo</p>
    </div>
  );
}

export default NombreDelComponente;

TYPESCRIPT

				
					interface NombreDeLaInterface {
  propiedad: string;
}

function NombreDeLaFuncion(parametro: NombreDeLaInterface): void {
  console.log(parametro.propiedad);
}

const objeto: NombreDeLaInterface = { propiedad: "valor" };

NombreDeLaFuncion(objeto);

HTML

JAVASCRIPT

CSS

SASS (SCSS)

REACT

TYPESCRIPT

Nuestras Tarifas

Presentación