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?

This is where YARRP will go

About Nile

Nile is a 33 year old female from Southern Illinois. Nile is a mother of 1 son. She is also a web designer and developer, a graphic designer, and a public speaker, who exclusively designs and develops using WordPress. She is currently a student working for a Bachelors in Business. She also blogs at FamousBloggers.net and her very personal site, Blackish.net. Click to read more about Nile and Blondish.net


  1. Thanks for laying this out these website abbreviations Nile, I actually forgotten what most of them stood for :)

  2. Good post Nile. People should know about html 5 its becoming common day by day.

  3. thank you you information about Web Design Terms, I also follow the development of Web Design Terms article, to raise the ranking of a web page I

  4. Hey Nile,
    Such an informative post. Thanks for sharing. This will help every web designer specially new comers.

  5. Thanks for this Nile.

    I spend so much time trying to explain some of these things to customers and you’ve just done it in a single sentence!
    Mark Ford recently posted..Web Design Tips: Where To Put Your Most Important StuffMy Profile

  6. hi thanks for this article the common web design terms were quite interesting
    vishvast recently posted..Free download happy diwali wallpaper for desktopMy Profile

  7. Thanks for these Nile, after all these years of working on websites and I didn’t now what “div” was short for, yes I know, I am ashamed ;)
    Karen Woodham recently posted..Twitter Verification, How? Why? When? Do you need it?My Profile

  8. 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 :-D

  9. great Nile!!!! informative post for us as we are designer are always forgotten terms we used to learn in starting career.

Speak Your Mind


CommentLuv badge