24 Common Web Design Terms

coding-image For anyone learning how to create a website, you definitely have to learn some of the terminology. I’ve put together 24 common web design terms to help you on you way.

24 Common Web Design Terms

HTML – Hypertext Markup Language

PHP – Hypertext Preprocessor. This is a server-side scripting language.

CSS – This is short for Cascading Style Sheets. This type of markup is used in how the elements within a page will look like.

Javascript – This is a programming language that can be found in all sorts of computer software.

jQuery – JQuery is not to be confused with being the same thing as Javascript. It a part of the Javascript library in making it easier for client side coding of HTML

Content Management System – This is software that you can install and manage an entire site. You can also add dynamic functions with plugins or modules and more.

Division Layer – Also commonly called a div for short.

Embed – This could meaning inserting a special document type like a presentation, an audio, or a video that outputs a display that is user-friendly on the user-end side.

Markup – Code

Anchor – This is another term for link.

DOCTYPE – When a web page is labeled with a DOCTYPE, this tells the browser the markup compatibility in order to best display the website.

HTML tags – These are elements in a web page’s code that make up the basic infrastructure.

class – This is an attribute for an area that may be repeated in other parts of the same page.

id – This is an attribute for an area in a web page that will not be repeated within the same page.

Head – This is the area between the <head>and </head> that normally contain meta tags, your website’s title, stylesheet, and dynamic scripts.

Body – This is where the content markup of the site goes <body> and </body<

PNG – type of image format

GIF – type of image format

JPEG – type of image format

Margin – Margin moves the image top, bottom, left, or right within another HTML element. This is used in CSS.

Padding – This gives the element an extra area or buffer from another HTML element either top, bottom, left or right.. This is used in CSS.

Font – refers to text

Img Src – This is short for the term image source. Markup in its simplest is as followed: <img src=”” />

Form – this is for forms that allow you to submit or generate information.

I hope this list has helped you become more familiar with HTML.

What other terms do you believe people should know that are common web design terms?


  1. says

    It is great to learn some basics about the terms we use on daily basis. Personally, I have never learned about these terms. I just automatically uses them whenever I need them. I am kinda born developer ๐Ÿ˜€

  2. says

    Nice list, but it would be great if you could add “Typography” and some terms related to responsive web-design. And yes thanks for the list ๐Ÿ™‚

Comment Policy: Your words are your own, so be nice and helpful if you can. Please, only use your real name, otherwise your comment will be removed. Most comments are moderated until you've been approved as a trusted commentator.

Leave a Reply

Your email address will not be published. Required fields are marked *