Html css learning with janvi simple ppt jn

GLOBAL INSTITUTE OF TECHNOLOGY
Department of Computer Science and Engineering
A
PRACTICAL TRAINING
on
Front end web development
Submitted to:
Mr. Pradeep Jha
Head of Dept.
CSE
Presented By:
JANVI PATEL
21EGJCS056
B.Tech. III Semester ,
II Year, CSE
Session: 2022-23

Let’s See The Basics Of
Html and CSS

WHAT’S AHEAD???
 What is Web development
 What is website and how it works?
 Layers of website
 Html
 Css
 How to apply css in html
 Exploring my first website

What is web development
• Web development is the work involved in developing a
website for the Internet (World Wide Web)
• There are three types of web development
1. Front end development
2. Back end development
3. Full stack development

What is website and how it works?
Website- A group of interlinked and well structured
Web pages that exist on a same domain is called
Website.
Webpage- It is a collection of text, image, vedio and
audio etc.
Website can contain single or thousand web pages

Layers of website
•Structure
Html
•Designing
Css
•Interactivity
Javascript

Html= hypertext markup language
>The basic language used to write web pages
>file extention: .htm,.html
What is html?

Basic structure
<html>
<head>
<title>my first web page</title>
</head>
<body>
<h1>hello everyone</h1>
</body>
</html

What is css?
CSS= cascading style sheets
• CSS is a way to style html.
• Whereas the html is the content, the style sheet is the
presentation of that document.

A style
Selector property value
P { color: red;}

Applying CSS
There are three ways to apply css to html.
 Inline
 Internal or embedded
 External

Applying CSS (inline)
<p style=“color: red”>hello from git</p>

Applying CSS (internal)
<style>
body{
font-family: Tahoma, arial, san-serief;
}
</style>

Applying CSS (external)
<link rel=“stylesheet”type=“text/css”href=“web.css”/>

JavaScript
• JavaScript is a text-based programming language used both on the client-
side and server-side that allows you to make web pages interactive.
• Where HTML and CSS are languages that give structure and style to web
pages, JavaScript gives web pages interactive elements that engage a
user.

Html css learning with janvi simple ppt jn

More Related Content

Similar to Html css learning with janvi simple ppt jn

Recently uploaded

Html css learning with janvi simple ppt jn