Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
5 views

HTML and CSS Overview

Uploaded by

Jayesh Bisawa
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views

HTML and CSS Overview

Uploaded by

Jayesh Bisawa
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML

HTML, which stands for HyperText Markup Language, is the code used to
create web pages. It's like the skeleton of a webpage, providing the structure and
layout.

Think of it as a recipe for your webpage. Just as a recipe tells you what
ingredients you need and how to mix them together to make a dish, HTML tells
web browsers what content to display and how to arrange it.

HTML provides the foundation upon which other technologies like CSS
(Cascading Style Sheets) and JavaScript build upon to enhance the appearance
and functionality of web pages. It serves as the backbone, defining the content
and basic structure, while CSS adds style and layout, and JavaScript adds
interactivity and dynamic behavior.
Several Tags used in HTML :

1. <p>: Defines a paragraph of text.


2. <a>: Creates hyperlinks to other web pages, files, locations within the same
page, or email addresses.
3. <img>: Inserts an image into the document.
4. <ul>: Defines an unordered list, typically rendered with bullet points.
5. <li>: Defines a list item within an ordered or unordered list.
6. <html>: Defines the root element of an HTML page.
7. <head>: Contains meta-information about the HTML document, such as
title, scripts, stylesheets, etc.
8. <title>: Sets the title of the HTML document, displayed in the browser's title
bar or tab.
9. <body>: Contains the content of the HTML document, including text,
images, links, etc.

CSS
CSS, which stands for Cascading Style Sheets, is like the stylist for your web
pages.

CSS works by targeting HTML elements and applying styles to them. For
example, you can tell CSS to make all your paragraphs blue, your headings
bold, or your links underlined.

One of the cool things about CSS is that it's cascading, which means styles can
build on each other. You can define styles globally for your entire website, and
then override or add specific styles for individual elements.

With CSS, you have the power to create beautiful and consistent designs across
your entire website, making it an essential tool for web designers and
developers.

Some Key Terms in CSS :

Selector: A selector is a pattern used to select the elements on an HTML


page that you want to style. Selectors can target elements by their tag name,
class, ID, or attributes. For example:
 Tag Selector: p { } targets all <p> elements.
 Class Selector: .example { } targets all elements with the class "example".
 ID Selector: #header { } targets the element with the ID "header"

Property: A property is an attribute of an element that you can change to


style it. Properties define characteristics such as color, size, font, etc. For
example:
 color: Sets the color of text.
 font-size: Sets the size of the font.
 background-color: Sets the background color of an element.

Value: The value is the specific setting or value assigned to a property. For
example:
 color: blue; sets the text color to blue.
 font-size: 16px; sets the font size to 16 pixels.
 background-color: #ffffff; sets the background color to white.

Declaration: A declaration consists of a property and its corresponding


value within a CSS rule.

Class: A class is a way to apply styles to multiple elements on a page


without having to repeat the styles. Classes are defined in CSS using a period (.)
followed by the class name.

ID: An ID is a unique identifier for an element on a page. IDs are defined in


CSS using a hash (#) followed by the ID name.

This is just a basic overview of HTML and CSS .

You might also like