Graticle Design Logo White

HTML, CSS, JavaScript: The Basics for Business Owners

October 05, 2022    Reading Time: 3 Minutes

In this blog post, we’re going to change things up and get more technical. We’re going to discuss the three main web design languages: HTML, CSS, and JavaScript. By the end of this post, you should have a better understanding of each language as well as how they work together to create web pages.

HTML is the structure of a webpage. It is the foundation that everything else is built on top of. CSS is what makes a webpage look pretty. It is responsible for the layout, colors, and fonts. JavaScript is what makes a webpage interactive. It can be used to create things like menus, forms, and animations.

Think of HTML as the skeleton of a webpage, CSS as the skin, and JavaScript as the muscles. They all work together to create a functioning web page.

Now that we know a little bit more about each language, let’s talk more about the specifics.


  • The HTML code of a web page is read by the web browser and then rendered into a web page.
  • HTML tags are used to structure the content of a web page.
  • Common HTML tags include: `head`, `title`, `body`, `p`, and `a`.


  • CSS code is used to style the HTML code of a web page.
  • CSS can be used to change the color, font, size, and position of HTML elements.
  • CSS selectors are used to target HTML elements that you want to style.
  • Common CSS selectors include: `class`, `id`, and `element`.


  • JavaScript code is used to create interactive web pages.
  • JavaScript can be used to validate form data, create cookies, and detect user’s browser information.
  • JavaScript functions are used to run a piece of code when an event is triggered.
  • Common events include: `click`, `load`, and `mouseover`.

What is AJAX?

You’ve probably heard of AJAX before, but what is it? AJAX stands for Asynchronous JavaScript and XML. It is a web development technique used to create interactive web pages. AJAX allows for the web page to communicate with the server without refreshing the page. This makes web pages more responsive and fast.

Why does this matter to a business owner?

As a business owner, you may not need to know how to code in HTML, CSS, and JavaScript. However, it is important to have a basic understanding of each language so that you can make informed decisions when working with web designers and developers.

HTML, CSS, JavaScript FAQs:

Does JavaScript go in HTML or CSS?

JavaScript can go in either the head or body of your HTML document. The script tag is used to embed JavaScript code in an HTML document. When placed in the head, it executes when the page loads. When placed in the body, it executes when that section of the page is loaded.

What is an example of a CSS file?

A CSS file is a cascading style sheet file used to format the contents of a web page. CSS files can contain selectors, properties, and values. Selectors are used to select HTML elements on a web page. Properties are used to specify the look and feel of an HTML element. Values are assigned to properties to determine how the element will look or feel.

What is an example of a JavaScript file?

A JavaScript file is a text file containing JavaScript code. The code in a JavaScript file can be executed by a web browser. A JS file can contain functions, variables, and event handlers. Functions are used to perform operations on data. Variables are used to store data. Event handlers are used to respond to events.

What is an example of an HTML file?

An HTML file is a text file containing Hypertext Markup Language code. The code in an HTML file can be interpreted by a web browser. An HTML file can contain text, images, and links. Text is used to provide content. Images are used to provide visuals. Links are used to connect web pages.

Written by Shawn Hooghkirk on October 05, 2022

Last updated on October 05, 2022. Shawn is the President of Graticle, Inc.

Want a Quote on Your Project? Answer a Few Questions »

Graticle has been an Amazing source in everything with Website and Design Related material and more. I ask a lot of questions and receive answers promptly, and Shawn takes the time to explain stuff when I want to understand more.

Our Website is on Track to be a Great source for our customers to explore our product and get answers in our Market. Shawn has been there to help me when figuring out what direction is best suited for the situation, there are lots of options out there and having a knowledgeable person in your Endeavor is Key.

Graticle has been the perfect combination of Price/TimeLine/Outcome of Product, I Recommend Exploring Graticle if you are looking for a Source with Websites and Design!

Tyler Salvig

Office Manager

Randco Tanks, Inc.

Kelso, Washington

Shawn is a delight to work with. He meets deadlines on time and always gives a heads up when he foresees that there may be delay.

Shawn has a strong design aesthetic and was easily able to convey a fresh and modern portrayal of our brand in all of the pieces that he has worked on.

Best of all, I love that I can go to him for advice on a project that I haven’t found a solution for yet. Shawn makes a great teammate to brainstorm a solution—one that will work for your business—and design goals.

Allison Rhodes

Marketing Manager

The Value Builder System™

Toronto, Ontario