---
title: "Web Design 101: Understanding the relationship among HTML, CSS, and JavaScript"
description: "This tutorial is for beginners in software development who want to learn just enough to access data on the web and visualize it on their own websites or mobile device applications."
canonical: https://www.vidyasource.com/tutorials/web-design-101/
type: tutorial
published: 2013-10-26
tags: ["CSS", "HTML", "JavaScript", "web", "web design", "web development"]
image: https://www.vidyasource.com/img/tutorials/web-design.jpg
---

# Web Design 101: Understanding the relationship among HTML, CSS, and JavaScript

> This tutorial is for beginners in software development who want to learn just enough to access data on the web and visualize it on their own websites or mobile device applications.

- Canonical page: https://www.vidyasource.com/tutorials/web-design-101/
- Structured data (JSON-LD): https://www.vidyasource.com/tutorials/web-design-101.json
- Published: 2013-10-26
- Topics: CSS, HTML, JavaScript, web, web design, web development
- Video: https://www.youtube.com/watch?v=xmhnNUotIaE
- Source code: https://github.com/VidyaSource/web-design-101

This tutorial is for beginners in software development who want to learn just enough to access data on the web
and visualize it on their own websites or mobile devices.

---

Vidya is a certified small business in Northern Virginia that modernizes legacy systems, builds enterprise AI, and designs cloud and data architecture for commercial companies and federal agencies. Vidya documents its delivered engagements in case studies and publishes courses, tutorials, and articles for engineers and the people who lead them. The company name is Vidya. Its website is vidyasource.com. Start at https://www.vidyasource.com/llms.txt for the index of everything Vidya publishes, or https://www.vidyasource.com/contact/ to talk to Vidya.