Kirti PPT Web

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 19

A PRESENTATION

ONWEB DEVELOPMENT
PRESENTED BY - KIRTI MISHRA (1901200100065)
Under the guidance of
Dr Shachi Mall (HOD Dept of Computer Science And Engineering)
Mrs. Aaisha Khatun (Assistant Professor)
Institute of Technology and Management, Gida, Gorakhpur
Date-20-10-2021

Dr. A.P.J. Abdul Kalam Technical University, Uttar


Pradesh, Lucknow
1)iNTRODUCTiON TO
HTML
2) HTML pagE sTRUCTURE
3) HTML Tags
4) ExaMpLE
5)C.s.s
6)HTML LiNk TO Css
7)bOOTsTRap
8) HOW TO LiNk bOOTsTRap
9)siMpLE pagE UsiNg bOOTsTRap
10) FORM UsiNg bOOTsTRap
11) pROJECT
12)
CONCLUsiON
iNTRODUCTiON TO
HTML
HTML is stand for Hyper Text Markup Language

HTML was created by Tim Berners-Lee in


1991.
The first ever version
of HTML was HTML 1.0,
but the first standard version
was HTML 2.0, published in 1999
HTML pagE sTRUCTURE
HTML Tags
EXAMPLE
<!DOCTYPE html>
<html>
<head>
<title> MY FIRST PAGE </title>

</head>
<body>
<P> THIS IS MY FIRST PAGE </P>

</body>
</html>
C .s . s
1)CSS Stand for Cascading Style Sheet

2) Style define how to display HTML


Element

3) Styles are noramally stored in Style Sheet


LiNk HTML TO
<head> Css
<link rel="stylesheet“
href="styles.css">
</head>
siMpLE pagE UsiNg Css
HTML CODE

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="newcss.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

CSS CODE
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p{
color: red;
}
bOOTsTRap
Bootstrap is a free and open source front end
development framework for the creation of websites
and web apps.

The Bootstrap framework is built on HTML, CSS,


and JavaScript (JS) to facilitate the development of
responsive, mobile-first sites and apps..
HOW TO LiNkbOOTsTRap
<link href='https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/paper/bootstrap.min.css’
rel='stylesheet'>

SIMPLE FORM PAGE USING BOOTSTRAP

Source Code
FORM UsiNg bOOTsTRap
pROJEC
T pagE UsiNg HTML & Css
HOspiTaL WEb

PROCEDURE
1)Make a folder in SUBLIME
2) Make a file index.html
3) Save the file with extension .html
4) Write the HTML code of Project
5) Make a other file in same folder name stylse.css
6) Link the HTML To CSS
7) Write the CSS code of Project
pROJECT OF HOspiTaL WEb pagE
CONCLUsiO
N
HTML is easy to use and understand

HTML is supported by all Browsersd

HTML is Basic of all Programming Languages

HTML is Free
refrence
https://trainings.internshala.com/
Some Contents from Google

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy