SPInformatica
Servicio técnico cualificado de reparación de ordenadores a domicilio para particulares y empresas
1.¿QUE ES HTML?
El HTML es un idioma de programación estándar para crear páginas web. Se basa en el uso de etiquetas para crear contenido como encabezados, contenedores, imágenes, enlaces, etc.
2.Herramientas necesarias para empezar a programar
Para desarrollar tu código de forma cómoda, limpia y profesional, necesitarás un editor de texto especializado. Aunque el Bloc de notas nativo de Windows puede servir, nuestro equipo de servicios web en Ferrol recomienda utilizar Visual Studio Code. Es una herramienta completamente gratuita, ligera y disponible para Windows, Linux y Mac, que resalta las etiquetas por colores para evitar que cometas errores de sintaxis.
Para que tu web sea visible en un navegador, necesitarás crear un archivo en tu ordenador con la extensión .html (por ejemplo, index.html). Además, de manera opcional pero altamente recomendada, es aconsejable crear un segundo archivo con extensión .css para gestionar de forma independiente los estilos, colores y tipografías de la página.
3.LA ESTRUCTURA BASE DE UN DOCUMENTO HTML
Presionando la las teclas shift + 1 (no del teclado numérico) obtendrá automáticamente las siguientes lineas codigo que le servirán como base para el desarrollo de su web:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nombre de documento</title>
</head>
<body>
</body>
</html>5.AÑADIR ESTILOS
Algo fundamental a la hora de crear una pagina web, es la apariencia de esta misma, ya que es lo primeo que verá el usuario.
Para ellos debemos añadir la configuración de estilos dentro de la etiqueta <style> en el header o añadir la url al archivo externo que tenga dicha configuración.
<link rel=»stylesheet» href=»hola.css»>
¿Qué significa cada una de estas etiquetas?
<!DOCTYPE html>: Le indica al navegador que el documento utiliza la versión moderna de HTML5.<html lang="es">: Delimita el inicio y el final de la página e indica el idioma principal (en este caso, español).<head>(Cabecera): Contiene metadatos invisibles para el usuario pero fundamentales para los navegadores y el SEO, como la codificación de caracteres (UTF-8) o la configuración de pantalla para móviles.<body>(Cuerpo): Es la sección más importante. Todo el código, textos, imágenes y menús de navegación que metas aquí dentro será lo que los usuarios verán reflejado en su pantalla.
6.PRUEBA TU HTML
Abre el archivo desde tu explorador de archivos o haciendo click derecho en el archivo desde tu editor de archivos.
¡Solo te queda disfrutar!
Desarrolla la identidad digital de tu negocio en Ferrol
Si buscas resultados profesionales y un posicionamiento óptimo en Google, delegar el diseño en especialistas te ahorrará meses de trabajo. En Data System ponemos a tu alcance los mejores servicios web en Ferrol. Nos encargamos del diseño de landing pages, tiendas online (e-commerce) y plataformas corporativas a medida, garantizando un rendimiento técnico impecable. ¡Escríbenos hoy mismo y diseñemos juntos el futuro digital de tu empresa!