KEMBAR78
Intro to Html, CSS a beginner friendly guide.pptx
Introduction to HTML and CSS
A beginner-friendly guide to web
development
What is HTML?
• HTML stands for HyperText Markup Language.
• It is the standard language for creating web
pages.
• HTML describes the structure of a webpage
using markup.
• Elements are represented by tags like <p>,
<h1>, <a>, etc.
Basic HTML Structure
• <!DOCTYPE html>
• <html>
• <head>
• <title>Page Title</title>
• </head>
• <body>
• <h1>This is a Heading</h1>
• <p>This is a paragraph.</p>
• </body>
What is CSS?
• CSS stands for Cascading Style Sheets.
• It is used to control the style and layout of
web pages.
• CSS can be applied inline, internally, or
externally.
• Common properties include color, font-size,
and margin.
Example CSS Code
• h1 {
• color: blue;
• font-size: 24px;
• }
• p {
• color: gray;
• margin: 10px 0;
• }
HTML + CSS Together
• <!DOCTYPE html>
• <html>
• <head>
• <style>
• body { font-family: Arial; }
• h1 { color: green; }
• </style>
• </head>
• <body>

Intro to Html, CSS a beginner friendly guide.pptx

  • 1.
    Introduction to HTMLand CSS A beginner-friendly guide to web development
  • 2.
    What is HTML? •HTML stands for HyperText Markup Language. • It is the standard language for creating web pages. • HTML describes the structure of a webpage using markup. • Elements are represented by tags like <p>, <h1>, <a>, etc.
  • 3.
    Basic HTML Structure •<!DOCTYPE html> • <html> • <head> • <title>Page Title</title> • </head> • <body> • <h1>This is a Heading</h1> • <p>This is a paragraph.</p> • </body>
  • 4.
    What is CSS? •CSS stands for Cascading Style Sheets. • It is used to control the style and layout of web pages. • CSS can be applied inline, internally, or externally. • Common properties include color, font-size, and margin.
  • 5.
    Example CSS Code •h1 { • color: blue; • font-size: 24px; • } • p { • color: gray; • margin: 10px 0; • }
  • 6.
    HTML + CSSTogether • <!DOCTYPE html> • <html> • <head> • <style> • body { font-family: Arial; } • h1 { color: green; } • </style> • </head> • <body>