HTML & CSS Roadmap for Beginners

➯ HTML (Hypertext Markup Language)

➺ What is HTML?

➺ HTML Elements

➺ Attributes

➺ Semantic HTML

➺ Accessibility

➯ CSS (Cascading Style Sheet)

✦ Fundamentals

➲ What is CSS?

➲ CSS Selectors

➺ Basic

➺ Complex

➺ Pseudo

➲ CSS Properties

➺ Colour

➺ Background-colour

➺ Font-family

➺ ...many more.

➲ Box Model

➺ Padding

➺ Border

➺ Margin

➲ Values & Units

➲ CSS Specificity & Inheritance

➲ Display

➲ Positioning

➺ Static

➺ Relative

➺ Absolute

➺ Fixed

➺ Sticky

✦ Advanced

➲ Shadows

➲ Gradients

➲ Transforms

➲ Transitions

➲ Animations

➲ CSS Variables

➲ Media Queries

➲ Layouts

➺ Flexbox

➺ Grid

➲ CSS Preprocessors

➺ SASS

➺ LESS

➺ PostCSS

➲ CSS Frameworks

➺ Tailwind CSS

➺ Bootstrap

➺ Materialize

Comments

HTML Class - I

Few important terms: Uniform Resource Locator (URL) It is a short string containing an address that refers to an object in the “web.” URLs are a subset of URIs. Uniform Resource Indicator (URI) It is a short string containing a name or address which refers to an object in the “web.” Hypertext Transfer Protocol (HTTP) It is the set of rules for transferring files – such as text, images, sound, video, and other multimedia files – over the web. As soon as a user opens their web browser, they are indirectly using HTTP. Back to HTML HTML and CSS are used for validating web pages. These languages are directly connected with the way websites behave when used online on any web browser. When you open a web browser and input any URL. The browser sends a message to the server which then searches into the HTML code. Remember, every website has these three phase experts: Front End Back End Full Stack HTML (Hypertext Markup Language): To define the building blocks of a website. CSS (Casc...

My First HTML Code

Coding is an art of Imagination. My first experience with coding is through HTML. Though I felt betrayed when I learned it was not a programming language. HTML is actually a markup language that helps with design format on web browsers. However, I got what I needed, and I am right on track in learning front-end development. HTML is the beginning point for front-end development. I won’t lie; I have done a little work on CSS (Cascading Style Sheet) language while writing my Html code. But it was just me copy-pasting from the YT tutorial. So I cannot claim that I have learned CSS fully. The good thing is that I have got a basic understanding of HTML in these past few days of continuous learning. Woohoo! This is my first HTML code: <!DOCTYPE html > <html> <head> <title> My First HTML CODE </title> </head> <body> <h1> Hello World, I'm starting my Coding career! </h1> <...

The Code Blogger

Search This Blog