DEV Community

Sabitha
Sabitha

Posted on

HTML AND CSS INTRODUCTION

what is html?

HTML stands for Hyper Text Markup Language, which is the core language used to structure content on the web. It organizes text, images, links, and media using tags and elements that browsers can interpret. As of 2025, over 95% of websites rely on HTML alongside CSS and JavaScript, making it a fundamental tool in modern web development.

HTML PAGE STRUCTURE:

Image description

TAGS:

Image description

what is css?

CSS (Cascading Style Sheets) is a language designed to simplify the process of making web pages presentable.

  • It allows you to apply styles to HTML documents by prescribing colors, fonts, spacing, and positioning.

  • The main advantages are the separation of content (in HTML) and styling (in CSS) and the same CSS rules can be used across all pages and not have to be rewritten.

  • HTML uses tags, and CSS uses rule sets.

  • CSS styles are applied to the HTML element using selectors.

Types of CSS
CSS can be implemented in three different ways:

  1. Inline CSS
  2. Internal or Embedded CSS
  3. External CSS

INLINE CSS

Involves applying styles directly to individual HTML elements using the style attribute.

INTERNAL CSS

Internal css is defined within the HTML document's element. It applies styles to specified HTML elements. </p> <p><strong>EXTERNAL CSS</strong></p> <p>contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, ... etc). CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag.</p>

Top comments (0)