DEV Community


Posted on

A Guide to HTML and CSS

  1. Get to know what HTML and CSS is and what it is used for.

  2. Understand its syntax. Know the general rules applied.

  3. Start working on something practically. This way it gets to stick with you.

  4. Join a community. This is an easier way to get to interact and learn from fellow developers from all around the world.

What is HTML?
Hypertext Markup Language(HTML) is a markup language used to describe the structure of a web page. It uses tags to define elements within a document.

What is it used for?
It is primarily used for creating web pages. HTML is free to use and is supported by most modern browsers. It ensures your text, images, and other elements are displayed intended. Without it, web pages would be plain text files.

You can also embed images, videos, audio files, and other multimedia via hyperlinks. And, you can link to other web pages on the same website or from another site. This allows visitors to easily navigate your website and jump between websites stored on different web servers.

HTML is supposed to create a simple base upon which CSS and JavaScript can be added.

Cascading Sheet Styles (CSS) is a style sheet language used to style HTML. It describes how HTML elements should be displayed to make them look nice.
With CSS, you can customize your styling and layouts, changing the color, font, and alignment of elements.

How Does It Work?
CSS is read by web browsers. They take the HTML markup document, and then they apply the CSS styling rules to the elements within that document.
Some of its concepts include:

  • Box Model

  • Positioning

  • Grid

  • Flexbox

  • Animation

Where to Learn?
There are tons of resources and tutorials to choose from especially from the internet. You could:

  1. Go through an free/paid online course or guides i.e from FreeCodeCamp, Treehouse, Scrimba e.t.c.
  2. Read books.
  3. Attend a bootcamp.

All these are good but remember not to get stuck in the 'tutorial hell' loop. With the little you know practice it by building something on your own. This is an effective way to master how things work.

Ask for help when you feel stuck/understand.

It's ok to take a break.


Discussion (0)