2head Hedd Tag Antuing Nehadotiteyfaga:ksr CT: Oy The e Us To Manipuldltedextumdg DND

Dr.
Viehwanath Karad
nnahdhoon MIT WORLD PEACE
MIT-WPU UNIVERSITYI PUNE
feeerngi gu in TELOY REAROIH O eiananne
Andy Suvve
PE27 E2
WTL
LAB Assignment
Theav
6ds ic 5uctue a HTIUL f0gvam
the 4HTML is c mclvkap ldngueigeHacld 1S Uuged
oy the eus to manipuldltedextumdg dnd
ohexcontem Hhe equine -fayma
a disflay-
Taos HTMLTdss cle 6ne 0tHa Ymes+1mforteln-
Rdrt inthe HCML daccAmeniHTML use Soma
pedened -etgswhich ells thabrowseoeout
Conent distlayprnpevay+Hhd S houu-o disflay-a
Paviculet given.conent
uid Tass These ag Come inPair. Tdt is
huyhave bot openinq C)and closing C<I2) La9s.
2 Empy Taqs These +ags do no4 equ to loe closeol
An HTML documet1S ndinly diyicked iatuwofd
HEADThis conldins Hhe infovmcton olbout hs LTML
documeLndEX TH otfage, Vesian of HtrML AMeAa Doltea
BopyThis_canddin ENyteing you.cwdintb-disglty on
elo RaG
2DoTVIE hml7his tuq-ukol ta HTMLVgioin
Lhàmli Thiç ir TmL mt_cleunant_aud useolhwufal
2head Hedd tag antuing nehadotiteyfaga:ksr Ct
www.mitwpu.edu.in
Dr Vishwanath Karad
nGnooni MIT WORLD PEACE

MIT-WPU UNIVERSITY I PUNE
2 CSS Box moelel

The CSs box madelC dcontdine hdt contuinhr
mulhle Poper Aies Includinybordesma Ygunj-
Padding dnd tha conlemt 1telf TE 1f Usdto C a l l
h a decin clmd lcdyo ult of welp .dger TL cdn be
use ds C oolLE fBr-customizng n a lay out
dif fee nt èAement Tha web bmouse Nmeleys e y
elemun s ettenguldr boy Ccanding t o c s f box
maclel. Box mochel hca multgle ropergiss ih_cer
Conde This opeay usah h disqleyf he lext
imclgaj1eAHad cdn Szed ang tAchtnpuiyn
addingThis (»pony ufeglAcaeak sguceeauneleleles,
inshde cns deined borche
barlev T is upslo Cave Cansent etny fuddiog o
allallougb seAHsiyle tolavuicla of bot
|maxghn iS Ud to zete Cnde spdce clnund Llemem
clvound Ha bardlerz crol
www.mitwpu.edu.in
Dr Vishwanath Karad
MIT WORLD PEACE

MIT-WPU UNIVERSITYI PUNE
FAQ
umdt isd espansiveU-elose-
A yesfonsiVe websile has cfAuid clhd feNible
lokyaudumich dljasts etc(oveling-o _Snan i2Th
Imfovlenee t eonave abodes1gns thetd 1Of ey
olnpma brouwsingexperieuc Basicoally-yu
Lbs will toolk geod enA wovk Alioindecktoe,
ablet dhl ol mabikphanas browser
2 DLeente betuee HTMLAnd HTMLS

HTML HTMLS
1HTML 1S les mobile1ATMLS1s moe molile
ficndly. Aenly
TA does n S uffovd 2] TH suPeovds dveds dnd oap
lvatg clmed diop pdlectr etlec
3 e not sugfavd ducha 3] suglove audio cinel cleo

dnd video wHasut USe h h i u j d a t Ludio
ollush ldyer clnd viches tetg.
Oaes not SugeovA ydvd supeov jcvesempa
Sm mn in paufng un ih bdckyYud
d o t r hel( bd js
Ceb ndten APl.
www.mitwpu.edu.in
MIT Dr Vishwanath Karad
MIT WORLD PEACE

MIT-WPu UNIVERSITY IPe
fanfvgi gr
3 whdt ic mdquee
The mdkquee aqis C houa-3tunddvd hTML
element cnich ceuUSeS KA osckollu dowa
e o qnd eAutonnctically
wMeld d Hnadvantagey df USing ccscading

shalesheets
E a s i e amoinaain clnd updole
C-eeer consislency n olasign
Mo maingoptcnc
Lgnttughdcad
Faer dounlad naj
Sekca epin simieal beneitr
www.mitwpu.edu.in
<DOCTYPE html>
ehtml>
<head>
<title>Simple web Development Template-/title
<style>
margin: 0;
padding: O;
navbar(
display: flex
align-items: center
justify-content center,
position: sticky O f f i c e
top: 0;
Cursor: pointer
NP background (
background: black;
background-blend-mode: darken;
background-size: cover
nav--list [
width: 70%;
display: flex
align-items: center
Jogo
display: flex;
justify-content center
align-items: center
logo img
width: 180px;
border-radius: 50px;
nav-list li
list-style: none;
padding: 26px 30px;
nav-list li a
text-decoration: none
text-decoration: none;
color: white
nav-list li a:hover(
color: grey
rightnav
width: 30%;
text-align: right;
# s e a r c hR S O f f i c e
N padding: 5px
font-size:17px
border: 2px solid grey,
border-radius: 9px;
firstsection
background-color: green
height: 400px;
secondsection(
background-color: blue;
height: 400px;
box-main
display: flex;
justify-content: center;
align-items: center
color: black;
max-width: 80%;
margin: auto;
height: 80%;
firsthalf (
width: 100%;
display: flex;
flex-direction: column;
justify-content center
secondhalf {
width: 30%;
secondhalf img (
width:70%;
border: 4px solid white
border-radius: 150px; ce
display: block;
margin: auto; O
text-big
font-family: "Piazzolla, serif;
font-weight: bold;
font-size: 35px;
text-small
font-size: 18px;
btn
padding: 8px 20px;

margin: 7px 0;
border: 2px solid white
border-radius: 8px;
background: none;
color: white;
cursor: pointer
btn-s
padding: 6px 10px;

vertical-align: middle;
section
height: 400px;
display: flex
align-items: center;
justify-content: center;
max-width: 90%;
margin: auto;
section-Left {
flex-direction: row-reverse;
paras
padding: Opx 65px;
S O f f i c e
thumbnail img
width: 250px;
border: 2px solid black;
border-radius: 26px;
margin-top: 19px;
center
text-align: center
ext-footer (
text-align: center;
padding: 30px 0;
font-famil: 'Ubuntu, sans-serif;
display: flex;
justity-content center,
color: white
/style
</head
ebody
<nav class= "navbar background>
<ul class="nav-list'>
<div class="logo">
<img sro= "logo.png">
</div
<li><a href="#web">Web Technology</a></li>
li><a href="#program">C Programming-/a</li>
lib<a href="#course">Courses</a></li
</ul>
<div class="rightNav
<input type-"text name="search" id=-"search"
<button class="btnbtn-sm'>Search /button
</div
</nav
<section class="irstsection">
<div clasS="box-main>
<div class="firstHalf">
fice
<h1 class="text-big" id="web'>Web Techniology</h1
WPclass="text-smal'
HTML stands for HyperText Markup Language.
It is used to design web pages using a markup
language. HTML is the combination of Hypertext
and Markup language. Hypertext defines the
link between the web pages. A markup language
is used to define the text document within tag
which defines the structure of web pages.
HTML is a markup language that is used by the
browser to manipulate text, images, and other
content to display it in the required format.
/p
</div
</section>
<section class= "secondsection"
<div class= "box-main"'>
<div class-"firstHalf'>
<h1 class="text-big' id="program>
CProgramming
</h1>
<p class-"text-small">
Cis a procedural programming language. It
was initially developed by Dennis Ritchie
as a system programming language to write
operating system. The main features of C
language include low-level access to memory,
simple set of keywords, and clean style,
these features make C language suitable for
system programming like operating system or
compiler development.
</p
</div>
</div>
/section
<section class= "section>
<div class="paras">
<h1 class="'sectionTag text-big'>Jave-/ht> C

p class-"sectionSubTag text-small'>
W Java has been one of the most popular
programming language for many years
Java is Object Oriented. However it is
not considered as pure object oriented
as it provides support for primitive
data types (ike int, char, etc) The
Java codes are first compiled into byte
code (machine independent code). Then
the byte code is run on Java Virtual
Machine (JVM) regardless of the
underlying architecture.
</p>
/div
<div class="thumbnail'>
<img src= img.png" alt="laptop image>
/div>
/section
<footer class="background">
<p class="text-footer"
Copyright 0-All rights are reserved
</p>
</footer
</body>
Web C
Courses
Technology Programming Search
)
Web Technology
HTML stands for HyperText Markup Language. It is used to design web pages using a
markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between the web pages. A markup language is used to define the text
document within tag which defines the structure of web pages. HTML is a markup
language that is used by the browser to manipulate text, images, and other content to
display it in the required format.
C Programmin8
Cis a procedural programming language. It was initially developed by Dennis Ritchie as a
system programming language to write operating system. 1he main features ofC language
include low-level access to memory, Simple set of keywords, and clean style, these features
make C language suitable for system programming like operating system or compiler
development
Java
Java has been one of the most popular programming language for many years.
Java is Object Oriented. However it is not considered as pure object oriented as it
provides support for primitive data types (like int, char, etc) The Java codes are
laptop
Nnago
first compiled into byte code (machine independent code). Then the byte code is
run on Java Virtual Machine JVM) regardless of the underlying architecture.
Copyright A©-All rights are reserved

2head Hedd Tag Antuing Nehadotiteyfaga:ksr CT: Oy The e Us To Manipuldltedextumdg DND

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

2head Hedd Tag Antuing Nehadotiteyfaga:ksr CT: Oy The e Us To Manipuldltedextumdg DND

Uploaded by

Copyright:

Available Formats

Dr.

nGnooni MIT WORLD PEACE

2 CSS Box moelel

MIT WORLD PEACE

2 DLeente betuee HTMLAnd HTMLS

3 e not sugfavd ducha 3] suglove audio cinel cleo

MIT WORLD PEACE

wMeld d Hnadvantagey df USing ccscading

padding: 26px 30px;

border: 4px solid white

padding: 8px 20px;

border: 2px solid white

padding: 6px 10px;

border: 2px solid black;

font-famil: 'Ubuntu, sans-serif;

<img sro= "logo.png">

li><a href="#program">C Programming-/a</li>

<input type-"text name="search" id=-"search"

<button class="btnbtn-sm'>Search /button

It is used to design web pages using a markup

language. HTML is the combination of Hypertext

and Markup language. Hypertext defines the

link between the web pages. A markup language

is used to define the text document within tag

which defines the structure of web pages.

HTML is a markup language that is used by the

browser to manipulate text, images, and other

content to display it in the required format.

<section class= "secondsection"

<div class= "box-main"'>

Cis a procedural programming language. It

was initially developed by Dennis Ritchie

as a system programming language to write

operating system. The main features of C

language include low-level access to memory,

simple set of keywords, and clean style,

these features make C language suitable for

system programming like operating system or

<section class= "section>

<h1 class="'sectionTag text-big'>Jave-/ht> C

W Java has been one of the most popular

programming language for many years

Java is Object Oriented. However it is

not considered as pure object oriented

as it provides support for primitive

data types (ike int, char, etc) The

Java codes are first compiled into byte

code (machine independent code). Then

the byte code is run on Java Virtual

Machine (JVM) regardless of the

<img src= img.png" alt="laptop image>

Copyright A©-All rights are reserved

You might also like