Scribd
Upload
20 views

Sureshppt

Shows how html , css and javascript related to each other and functioning of those technologies

Uploaded by

workingmann08
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
20 views

Sureshppt

Shows how html , css and javascript related to each other and functioning of those technologies

Uploaded by

workingmann08
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

Manac Infotech

Private Limited
Introduction to Web
Development
Web development is the process of creating and
maintaining websites.
Web Development Basics
Front-end Development Back-end Development

Front-end development Back-end development


focuses on the user interface handles the server-side logic
(UI) and user experience (UX). and database interactions.
Front-end developers use Back-end developers work
languages like HTML, CSS, with languages like Python,
and JavaScript. Java, and Ruby.
Front-end Development
1 HTML (HyperText Markup Language)
HTML is the foundation of a webpage. It defines the structure and
content of a website using tags and attributes.

2 CSS (Cascading Style Sheets)


CSS controls the appearance and layout of a website. It allows
developers to define styles for elements, such as colors, fonts, and
positioning.

3 JavaScript
JavaScript adds interactivity and dynamic behavior to a website. It
allows developers to create user interactions, animations, and data
manipulation.
Back-end Development
Back-end development focuses on the server-side logic and database
interactions. Back-end developers utilize a variety of programming
languages.

1. Node.js - A JavaScript runtime that allows developers to run


JavaScript on the server-side.
2. Python - A versatile and powerful language used for a wide range
of back-end development tasks.
3. PHP - A popular server-side scripting language used to build
dynamic websites and web applications.
4. Ruby - A dynamic, object-oriented programming language that is
often used for building web applications.
HTML Document
Structure
The Following are the some of the Basic tags in HTML:

• <!DOCTYPE html>: Declares the document type and


version of HTML.
• <head>: Contains meta-information about the document.
• <title>: Sets the title of the webpage.
• <body>: Contains the content of the webpage.
• <h1>, <h2>, <h3>, <h4>, <h5>: Heading tags that create
a hierarchical structure.
Formatting, List, and Link Tags
HTML provides a variety of tags to format text, create lists, and add links or images to a webpage.
These tags help structure and enhance the content, making it more readable and interactive for users.

• Formatting Tags: Use <b> and <strong> to make text bold, and <i> and <em> to italicize text.
The <u> tag underlines text.
• List Tags: Create unordered lists with <ul> and ordered lists with <ol>. Each list item is defined
with the <li> tag.
• Link and Media Tags: The <a href="URL"> tag creates a hyperlink, and the <img src="URL"
alt="description"> tag embeds an image.
Introduction to CSS
What is CSS?

• CSS (Cascading Style Sheets) is a stylesheet


language used to designed to enable the separation
of presentation and content, including layout,
colors, and fonts.
• Separation of Concerns: CSS allows you to
separate content from design, making it easier to
maintain and update the look
• CSS is a powerful tool for web design, allowing
developers to control the look and feel of a website.
CSS Selectors
1. Type Selectors: Target elements by their HTML tag
name, such as h1, p, or div.
2. Class Selectors: Target elements by their class
attribute, allowing for more specific styling.
3. ID Selectors: Target a unique element by its id
attribute, offering the highest specificity.
JavaScript in Web Development

JavaScript and Web Development

• JavaScript is a core technology of web development,


along with HTML and CSS.
• It enables dynamic behavior on web pages, enhancing
user interactivity and experience.

The Role of JavaScript

• Client-Side Scripting: JavaScript runs in the user's


browser, allowing for real-time updates and interactions
without needing to refresh the page.
• Dynamic Content: Modify HTML and CSS to update the
user interface, validate forms, create animations, and
handle events.

You might also like