Z{sH;; vmXK6W dwEmV"ifdݯGg] bi=_w_d#9qq^t_^^`݄G׾x8/Zig2ؓ}[&C޹GZM=uii<י<-ZpO$Ԭ^얻FGnz~t-hD\ i,!Izz.`Ҭ;Jbln,-vy%tނpە3v5b9G[µ 7 s PRLPhΐL]|Nq:wa\ֶZ阹#(7W\v\QwFļdYߚʉ%oH>c`nC\+qB%vofϩHvG@)T~ȇB9` #PPve M;,}˘ aW)@zq;g>:yok"CCBF|3 D r?bmf-F^q=qb;cO@h!=聟6)Si0*L|hT"B9\kXV%3! 4$Q,UO G W.̻N *\ ڶ+$8]~ӮJ oa͂8@;1Ŏufh/fPB#{< 83d:ȝ'SٶAڥ-1SA:Ҿh 5frٻڨސMOCqFOlK+HWihrPoV~- ]6ƾQ[fƾ=ٓnk]ؐxJ#hv l\z2*aKvW'@q6ZAMVK߸ABeY6q *eލ*5U졔@9਩]ENbW4:[:v-la3e<o'l?R`313H_kUvTa`wq#fB`z+6VlQ'=BDZ9Q:ѰSQX4Zhht qpfɨ(UA dzt1&B\K6G\Q`qو󮷃T^: ̲A5 mF6@DD2(o/egStj=/9LU۰:jb6SixIkqJ0!r{!(Όٸ3p]С;Y4cA.n;c/D@˺-<]X?<*w18Ό C_ؗ܅R@ĹPI3 yK)s Ub;9 \%W feWtGB&.8 2@6rt}D E+\ 18]D7=.NO#J8pCn+|glvHiT;1Gt:L8Oѕ/)pcov'x %O0C={9tLG)#E~v1S=7+1* 192x)kmqjCQ@8<4 6v(D CI[?[aA߿Ry%0 ̛3pgZ ]?/,;=3[`@ОP(}dsL&Sg @H&D8T!#H8  Lb} Hwt(r`DR0T"A[f#76^d.(*K!tɱ""09* IƉc{sW13R'brAɈCu9uv>oϕĽ?L)[D #v/c@P= ! '=xkEUFp,x:l3wPf~pp8_2rc78EXB~鸱xj\T\K5L\(Ϸp/#\0":/4D%gT5 TV8W/^?SeJ,:X3 V@g]ї)Ӈ.O?sC\?0>V|ڀl׀Ϊ۠Q>h藆u_65%\[;@ QkA`zԝq}Wy5CIBJ"iiE2HIˤccHy*I@%3ŝK’!SQA rw a;zI-

Introduction To HTML

Basics of HTML

Paragraph tag <p>

The <p> tag defines a paragraph. Using this tag places a blank line above and below the text of the paragraph. These automated blank lines are examples of how a tag "marks" a paragraph and the web browser automatically understands how to display the paragraph text because of the paragraph tag.

Example

<p>Avoid losing floppy disks with important school...</p>
<p>For instance, let's say you had a HUGE school....</p>

Paragraph Formatting

Paragraph can be formatted in different ways, just like Word. You can align your paragraph as Center, Right or Left Align and Also you can Justify Your paragraph.

html - paragraph justification

Paragraphs can be formatted in HTML much the same as you would expect to find in a word processing program. Here the align attribute is used to "justify" our paragraph.

Example:


<p align="justify">For instance, let's say you had a HUGE school or work...</p>

html - paragraph centering

Paragraphs can be formatted in HTML much the same as you would expect to find in a word processing program. Here the align attribute is used to "Center" our paragraph.

Example:

<p align="center">For instance, let's say you had a HUGE school or work...</p> 

html - paragraph align right

Paragraphs can be formatted in HTML much the same as you would expect to find in a word processing program. Here the align attribute is used to "Right" our paragraph.

Example:


<p align="right">For instance, let's say you had a HUGE school or work...</p>

 

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

Example:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML Links

HTML links are defined with the <a> tag.

Example:

<a href="http://www.vugujranwala.com">This is a link</a>

OutPut:

This is a link

Note: The link address is specified in the href attribute.

HTML Images

HTML images are defined with the <img> tag.

Example

<img src="vugujranwala.png" width="104" height="142" />

 

The output of above example will be:

vu

Note: The name and the size of the image are provided as attributes.


W]s8}3~6biH ٤ iw2r-B?~dB jX:WGHWp9D*tqMȗbN㜦+.RrVT#d>7C2&:գV@{c UPrAÛ@ Xk^gYĬo%4yk-8Mc=s)P !z 3Z-)7B!˜Ώ9bO؇r;nia:op* xKV2tXniL-2tnVx>>٩u֞iRsUkWB5ޕU gB E r/+;eO+K_N,1K5yfE"1Z u1[iR4|#M֣kKZ9Z#~%E~wq 3 m:rګ;Oa3 K/y5nD\*J5α߆'`ĿF