Scribd
Upload
19 views

HTML Lecture Web Technologies

html notes

Uploaded by

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

HTML Lecture Web Technologies

html notes

Uploaded by

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

Web Technologies

(HTML)
By

Muhammad Shafqat Ali


(Lecturer Computer Science)
HTM
CS JS
L
S

S tru c tur e / Sty l Logi


la y o ut e c
HTM
L
H y pe r Te xt Ma r k u p
Language

HTML is t he code t ha t is us ed
t o stru c tur e a w eb page and i ts
con t en t .
The componen t us ed t o design t he
stru c tur e of w eb s i t e s a r e called HTML
t ag s .
Fi rst HTML
File
inde x . h t ml

I t is t he defa u l t name fo r a w eb s i t e ' s


homepage
HTML
Tag
A con t aine r fo r s ome con t en t o r o t he r
HTML tag s

<p> Thi s is a
pa r ag r aph </ p >
Con t en
t

Elemen
t
Bold , I t alic & Unde r line
Tags
Used t o highligh t t e xt in y o ur
page

< b > Bold </ b >

< i > I t alic </ i >

< u > Unde r line </ u >


S u b s c r ip t & S u pe rs c r ip t Tag
Used t o di s pla y a ho r i z on t al ru le r , us ed t o s epa r a t e
con t en t

< su b > su b s c r ip t </ su b >


H2
O
< su p > su pe rs c r ip t
</ su p >
n
A +
B
Span
Tag
Span is also a container used fo r o t he r HTML
elements

Inline Elemen t (takes w id t h as pe r size)


Br
Tag
Used t o add ne xt line ( line b r eak s ) t o
y o ur page

<br>
Hr
Tag
Used t o di s pla y a ho r i z on t al ru le r , us ed t o s epa r a t e
con t en t

<hr>
Video Tag

<video sr c =" m y Vid . mp 4 "> M y Video


</ v ideo >

Attributes

- controls
- height
- width
- loop
- autoplay
Checkbo
x
<label fo r =" id 1 ">

< input ty pe= " checkbox " v alu e= " class X " name= " class "

id= " id1 " >

</ label >

<label fo r =" id 2 ">

< input ty pe= " checkbox " v alu e= " class X " name= " class "

id= " id2 " >


Textare
a
<textarea name="feedback" id="feedback" placeholder="Please add
Feedback ">

</ t e xt a r ea >
Selec
t
<select name =" ci ty " id =" ci ty ">

<option v al u e =" Delhi "> Delhi


</option>

< option v alu e= " M u mbai" > Delhi


< / option>

< option v alu e= " Banglor e" > Delhi


< / option>

</ s elec t >


Commen ts in
HTML
Thi s is pa rt of code t ha t s ho u ld no t be
pa rs ed .

<!-- This is an HTML Commen t


-->
Cla ss &
Id
<div id =" id 1 "
cla ss =" g r o u p 1 ">

</ di v >

<div id =" id 2 ">


cla ss =" g r o u p 1 ">

</ di v >

You might also like