Scribd Logo
Upload

Welcome to Scribd!

  • Sdedoreopea Nolue : Csemple - Tles

    Uploaded by

    Harsha
    37 views21 pages
    The document discusses different ways to add styles to HTML documents including external style sheets, internal style sheets, and inline styles. It provides examples of using CSS properties to style HTML elements like headings, paragraphs, and backgrounds. Styles are defined for selectors and properties like font, color, size, padding and applied to elements in the body of the HTML code.

    Original Description:

    Original Title

    18011092468023_CS8_5.8.21

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses different ways to add styles to HTML documents including external style sheets, internal style sheets, and inline styles. It provides examples of using CSS properties to style HTML elements like headings, paragraphs, and backgrounds. Styles are defined for selectors and properties like font, color, size, padding and applied to elements in the body of the HTML code.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    37 views21 pages

    Sdedoreopea Nolue : Csemple - Tles

    Uploaded by

    Harsha
    The document discusses different ways to add styles to HTML documents including external style sheets, internal style sheets, and inline styles. It provides examples of using CSS properties to style HTML elements like headings, paragraphs, and backgrounds. Styles are defined for selectors and properties like font, color, size, padding and applied to elements in the body of the HTML code.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 21

    coURSE-BSC (MPCS) L HT NO 180UOgau6R023

    SEmSTER NI
    DATE05-O82021
    SUBTECT COMPUTER 31ENCE VII PaGE-OL
    SECTION-A

    05 CS
    Ca scocking ese sheek (Css kona one otthe most akeaesting
    (ontepls o HrML t Speute tte sulea fo Csanwsng elements
    o a gwn ueb document H no only esdends ts eauis in
    Conholirg Colors and Sie dt fonts, bo also COndsos
    sates
    bekoen Nasous eleens, he tolto 0nd wdth ota ven line el
    Thus, CS an USed Ho dele.mine e gyle and
    e gES6enaaly, shyle detins e ucay in whith the
    ATML elemerds os shoun n ueb
    page A slyle an be
    oseul he follouwirg fbsmad
    sdedoreopea Nolue;
    EYande
    <himl>

    <hedd
    Ale >> HTML

    hend
    CsEMPLE<|tles
    btdy>
    cha syle color qseen; font Sige: 24pMfont syle
    nos mo,">Hetlo. SIA GPOUPL ha
    APCS

    I3OID92u6 3023CS VIll S9a P 02

    </Mml

    Img Haq in HTMl

    +o is Usea lo Odd an image to sthe po0a. This

    is done b psoidrg sotatle image SoUste Ond imaop Hle komd


    Ahe

    Ling Svt =lotadon of the image "/nome of lhe imaqe">


    Athtlbuhe ppoted bythe ' Gge t 090,
    (o)Serc
    At
    Cc) Algo
    K) ovdea
    (e) Hight oid4bh
    4) HsgateNNsate
    Cg Lengdesc
    lame
    MPCS

    IgO1IO2M GB013- CS VI 5l|2


    Page 03
    O HTML
    HTML 1apds Hypea lext Moaop lanquaqe s mazkup
    anquage tnmensdy Ued in devedopirg ueb paa In Stmilea was,
    4he,
    4he, Hype
    Hypea Tet Maulp lonqudog hinlgta dffeud vies
    Oywen oeb poe n tes ch headaa, les paid ta, imag
    Soonds ett
    HTML Creelas O web poog t h the help c numeois în boit
    eegS A Aag is nohiny bot o Spe ua Keyuoord and
    skrudion Sopeos+ed by bsoosea

    Eay HTML (6de shodd ban úth HTMLS and end


    2RTML>
    Evy HTML COde shauld be Saved by HTML oBHTM eNkensie-
    hae is no petifie d edtto deted o% mtlrg HTML
    Codes, wen HTML Can be ubtt en smole
    on
    notepad
    The odpot e a ven HTML doumeat tan be visualhed by
    upir the podh aorg uwith HTML edensien 6n the addses bao-
    0y ueb biouose
    T Ahe brouaen is rot dupaying eveud oulpot rhen, H
    h a t the HTML (ode Contaits letlan es s0S which
    3rauld be Pfi uendly dehugged
    AMPLS

    gOlLO92u6BO13- (SvtIl - 5l8|21

    seps fo VOvtiog a HTML


    PYo83am

    Slep
    d. This
    To otHe a HTM psoqidm, Open a suAate Ockepa
    Can be done by clsweng tte skat bton ypirg nolerad"
    at he (ommand poompd

    Tupe the
    ollouirg Cade Fs HTM
    <HTML>
    HEPDS
    TITLE> My ARST HTML PRoLRAM 2TITLE>

    <HEMD
    2BCDy>
    P> AEA RMNDI MAHAVIDYALAYA 2IP>

    2HTML
    Ao SaNe the abeve Cede a fist, html.

    step 2.
    O4eovirg, On iotanet eplrrn on t loe dispayee
    th tte file name

    Dasoe H o eiewle t Tbe oulpud uill be availabe.


    MPCS

    (301lo92bRO23- CS VI 51e|21
    SECTIONB Fa 055
    11C6S
    Coscaditgsle shee (CSs), foxm coe of the mos
    otesestiry
    Conteps of HTML
    Centepls 0 i Seuties the xue f
    Cx9anig
    elements of given web documend T+ oly exlends its
    fealkus in (ontrolling Colors ad Sigs ofonts, hot aso
    Contsols
    CCnlsolsrates blw vasis elenents, the Colos asd uidth ot o
    ven ine e. Thus, CSS a Used to dedeamine 4e sele

    and y t eb paga. sieneaally, syle defines he ua


    whch he HrML lemeiis houwn on
    eb Pgeg
    A sAyle Can be Osed in he oNcksingox mat

    Seledtasf propeat: alue if


    Examle
    <html >
    had
    <titte > HTML CSS
    tXAMpLE<title >
    <\head>
    bedy>
    h3 syle =
    "
    celea.9seen, fnt- Se: 24ps; font style: -

    nov mal"Helo slA GRUP <(h3>


    dbody>
    Ihtml>
    MPCS

    18011092UbB023 cs v s8la

    YRs of (5S
    CSS 8ues Con be oddd frto douments in bsee ubys, They a,

    Etenal style dheet


    Inteanal sye sheet
    3 Inine slyle sheel

    1. Extam shle shee


    Tis shee alleta Uses to Cseatt Qplcatian uith multlip=
    multi-
    Pqes. lo endein sye she, cs Kue multiple is Uostten io

    locumet and H Saved unden ile name with (sS enknst


    CSS exkn
    Singe
    Single
    tene any ueb dousmend n s to bddhad o these suls,
    hen G smple ink to lencone. Css made UStng LINk > Ha

    Rue. CS
    body Coleu: BLAc 8ecHGRoUND -(oLOR: Lioe FOT- FAMILY SGNS-SERIR
    AubH: CENTER,Z
    htfoNT-sizt :20P
    h2 Bexu 6ROND-CoLOR: ORANSE; BORCER -UwOTH2PM; BORDFR-(OLOP:
    haFolT WElGhT: ITALIC CoLOR BLAC, PADDING 20K;
    ht PhDOING: 5P,}
    MCS

    18ONO92u63023(S VI5l8a PMye 0+

    exdand. himl
    hhml
    <hend
    4Hletslena sle she exampe <EHle>
    Iiml el=" syle sheed Type Te ess" ref "gle.cs",
    (hend >
    <body>
    <hi> his is h) <hi>
    h his is ha <h>
    h3 Ths is ha <ha
    <a> his is h4 <ha>
    bdy
    < hhml>

    . Jntenald Shyle Shect


    h ths heds tte
    psopaies (decendng On
    ON sequsanent
    sequsnet
    dedacd in tead > secion o HTML
    Ccde along eHh he
    seletors whara he deren ao tlncd in <
    BoDy > eqido
    HTIAL Coce dg ith teis selecdoss. vhe dspayinq
    odpul, te brouset Ccnsdes r secb1s
    delaucd in
    <BGDY>
    son d (de and
    atcordingy Swhes fox their
    cayuivalant
    Secdes sqon nd apres rd os Keqatsad
    MPCS

    180L0246R023 Cs VIll-58|21 PORe 08


    kogsam
    ZHTML
    HEAD >>
    <TITLE Embedded syle heed
    example<|TITLE>
    <sye type ent/css"
    kat-Hamily SNS-SERIF; (bLOR:GREN TET-ALIGN: CENITER,
    Ptonlr- FeMILy FONT-SI2E:30PT
    SNS-SEPIF TeT- A-N: LEFT,
    5 FoANT-SIZE :15 PT TEIT-(NDENT
    S 8dkgsound: Yellows Moagn- le. (.5 In) M0sgin- saht 5IN
    <le
    <HERDS
    Bopys
    weltomee Boolu Mall

    P> hs asey get


    8e etedee Ho (Ss
    popelies 4o P in bed 2lps
    H7his osg a oRe to (SS
    pCpeies do
    poadis to H4
    Hi sedos
    Pdos în
    n head
    heoA

    HTML>
    APCS

    86ltog2 46R023- CS vU se
    pager09
    3Inline style sheel.
    n this sheck, he lenfunatin of (owen eb dotument

    S dedase in the bedy ecn of HTML Code Ond the ules Gle

    applied to coly Single elenent wheu give Ccnfiqoratin is


    cdeclaod Moveche, the tesqonedien is rendaud by USigSTyLe/
    b
    odtdsbde as dn athtbu & selales

    element yle =" PsOpeaky


    value: "> Tent element>
    Exmple

    <body
    <hi syle ="
    colo:bloe,"> Heodvog /h1>
    2lbady >

    13 tovm Voalidatin.

    4 s the psotess c Vetlyiry avalidating the


    tods enla b he a. e is
    ddo
    fosm validatien 's done
    iresden to chek uhelhe the Usea has enled data in all th
    man dadoy ields Cnd wehe he Lse emed valid dada
    MPCS
    18610q268023- CSVIf- s8|a
    Pae-H01
    nNalid elds ete. Javo tip is ed to peBtnm ftum validakion.

    Bosic ltdqtion.

    cheks uhelha all he mondoy fedds hONe bren


    illes. A Usa a losp s pupoe. And qrs in ftun chedking
    fedaHa
    Dndo fomad validion
    chaks the Cowetthes the dae enteed n 4he fetm
    hs seouta netessau (oic in he (ode t m
    ali doien tan be pebmd On both Ckend Side
    Sexve `ide. Java s(tipt alleus he dada 4o be validake
    On client Stde so to en atle fasta validatin on

    Sevea-Side. cava Ssigt is atthating most ob


    devedopers-
    cliend Side validnlin
    tis gee taldy peatorned on fosm Ahat gathe info
    tsom the Us he Java Seiph pybtsdms
    Popse (onoecf even hopdlasto he km
    the elemends. (h

    ntans the Us lttaate and estscds he


    Ahe inald dade
    o te sent o 4he sexve
    Seavea- Side Validation.

    SeNen Side JaNSKipt pefevms execotion


    Psegsom Sic 0n webseve. Seave Side S(Sps
    MPCS

    1801692462013 CS VIl- s13l21


    USually uten using p. The languags 0(adt embedded
    nHTML dotumens on Seavea fie sstem. T4 deals uith
    (seotcn c intesoctne webssts
    Data Malidabion is coded oud uth te help e
    Celain untion and atbte
    deeked
    A m can end okys haevea a usa
    curls on subm butta o e evhenis ggeacd lby
    he o1soot everdt hardla peseak în form> elamerk. 14 is
    Used ts calling he Nalsdaien undtienat is presct in Scpe
    fea stsil i n te
    head Cunsed douunerd Ths has to be
    infomed Ho he use he values ae
    assianed in 4he validai on
    tuneters 4o Telu1 uhethen Slsip
    (Ondauns esors not
    IeHial,ue value is assqped and the Sot is Veu fid uwtlh
    the Osa entaed daka TP an eso is found then
    4alse valus etuns

    Exdmple
    Nalidadin Biarmle hhtml
    Hml >

    head
    <ttle > loim validaticn Eample </ti\le
    <Ssist kye ="
    Aert/Java sotit"
    MCS

    1801109268023- csVIW-5s2
    Poae-12
    uncties valicat (form)

    N0 ehom ulue -
    ue)
    N UBaname
    fCtrt Ua lome. value
    Va phswod i=tonm 4X4 Passucnd vale
    FO4sto0d 2: fom4y ossws. Nale

    t(sename. lengh <6)


    Setun Value =false,
    alesYous Use nate shauld be at leoe \n 6 chasqcles
    ox . 4yA Usa lome. fotus(

    (possuecndt. lengh <3)

    seka Vole alse


    ole ("Yo assond shoud be a lens In s thnades"),
    OTm. 4 assum Nolue =
    oxm. +Yt ossuo2.Nolue
    om. 4x sucrd-Folus (

    possuoend !posswond 2)
    eom nlo.e = alse
    MPCS

    IgOll0g246RO23- cs VI 58at
    poas13
    ale Yous possuvonds clid not mdh ")
    fovm 4 Phssuond value
    oM 1.t Rossuond 2. Nalue " "

    orm4 Russtootd. ous (,

    etosn elun Nalue

    <(head >
    body>
    ovm noe fenm |" melthod post " attion "onko htm"
    =

    2ldN>
    2diN>
    onsuonit- seusn validak(the):>

    Aad fes t Rassotid assumd Ad>2/labd


    lnpud tyFe ="pOssusd" 44 Posste0nd" id
    ="41oasuad"
    <ldiw> Sze ""/>

    <label fes At Rssuord 2 Cononnm


    inpud Ayse =
    POSuDONd name
    OuA possuonl:2
    youa pass uoed labels
    Jlabed>
    t Possiood 2 ="t Possung=

    d
    <Input Npe-" subm" Nale " subml"
    2ldN>
    MPCS
    8011O92468023- CS VII- 58a
    Pp- 14+

    <ovm
    < body>>

    haaku hAm
    <html>
    <hesd ></head>
    <body>
    P> Thank you for Yuua Submission </p
    <body
    < Mnl>

    FOv martiq Tass


    O & oA pSOCesso%, yeu mus be {omila wth
    te ailiy mal texA bld, Hoduized, to ondedered,
    thexe
    One jus hvse o he 4en
    Optiers CNaable t indicatt how
    |erd on apo tn be HTML. and HTMI

    Bod Tad
    Aything tod oppet3 wrtho 2b>.. 2[b>
    lb> element, is
    dedaed i bold.

    Example
    2IDOC TYPE ml
    html
    MPCS

    801L09auG 8O23- Cs W- 58a1


    Pax15
    2hedd
    itleBold le ompeltitle>

    2|bead
    <body
    <P> The tellousng uhd uses6 4b>boldz|b> typefate. eIps
    < lbody>
    hml>
    Ths uill psodule the ellotrg xesul
    The uosd use bld typefete
    Tkalic Tes*
    Argorg thaB Opreans utho i.. i elemat is displayed
    initalltzed o oun

    E1ample
    2100CTYPE Ml>
    html>
    <heod
    title Halie Tex Esampe
    >
    2AHles
    <lhad
    body>
    p> The Folodig und u5s an ds ttslu tiacd i eate
    e body> -lp>
    MCS

    I8OLIO9246g023- Cs VIl- 5l8/21


    Pay-16
    Oredel inel Text
    =

    Anuthing tho agretus uthin <U>. 2{0> davend, i dispa


    yed uth Undaline Snosn
    ERasnne
    2 D0CryPE tml>
    <html

    chead
    <tile > ndelind lext Exampe<Hle >

    heod
    body
    2p The olouir d 1s @
    20 undeind
    0>upe
    fat. lp>
    bodys

    Shke Tat
    Aruything ttot Opreas uthi sike >..
    Sdicad th ssle thsoug thith is a thrn me<ske» elemer
    thstugh 4h
    ao&tun
    Eample
    ZLDoCTYPE Hul >
    <tml >
    heod
    MPCS

    8O1LO926S023- c5 VIW - s/8l21


    paer11
    Ale> stile Tet Eomee lttles
    head >
    body
    e e fellausing utsd uss 9ke >
    Ssett 4dke
    tupefate 2lp>
    2lbody

    Supessip Teut
    The tontef&a /op>. 1up eemend is viten în
    apesrip, the ent size 0r t e Same Sz ag the

    haadas J8 YT ndrng i s bt dispayd halfa chnatte's


    heag above he the chaadeu

    iarnple
    ZAOOCTY PE ml
    html
    head >
    4ttle Spasipt let
    tsamydeHille
    <head
    oody>
    2p> The ollbuing d uses a <sup> SUpasdipt2supS
    hpedae 2lp>
    MPcS
    (gOL092UG9023- Cs VNI- 5(8/21
    P-18
    Spsed Text
    he tonle oastby... <lsub> elemed is wvitten tn
    Subssid e fet Se OSed is the Sae 09 he dhanatas
    Suroupding it, bul is dtpdyed halt o chanadavs heig4beah
    he chdsaelos

    EMAMple

    <html>
    heoad>
    <A He > subsupt Textaomple <tes
    <lhetds
    <bedy
    Sphe llou d Uss a <sub> Substspt <subs
    oore. 2lps
    <Mml
    nsesded erd
    Authinq hat aeh hin
    Lins. <ins>
    dselayed eedot
    0 Ae elanext
    taple.

    2DOCTYPE html
    MPCS

    I86110026803-CS VI- S/821


    ge NO-19

    <heod
    <Hle> nseled Tenk Eampe 24tle

    <body
    p>uOnt to
    arndedel > Cola <del > <ins>uiez
    fhsy< /p>

    deled Tat
    uthhg thad appes utin
    2dely.dels denet, is
    deayed 0& deledd enk
    EIOMpe
    2 DOCTYPE Aml

    <4itle Oeleled Tent Enample <4tles


    Zheod>
    <hody>
    KP>I Lord o dvinkt 2del
    cola < Jdely<ns>une
    fuse/p>
    MPCS

    (8OuO924RO23- c5 VIW 5R|2


    ge nol-20

    0aqe Tent
    he tortent e 2Bg -

    2/big > elenet is dsplyd en


    fond Sygalaage 4han he &es he est suwoundrg

    FMample
    DoCTyPE tMl >

    <heod>
    Hte> lag Tent Exampe rle>
    head>
    body
    p he lesig und 6
    16>6q </bg stypetace.
    z lbody zlp

    Sma lea Tet


    he onlent the Zscmal>. <15mall> eenat 's
    dudaped one nt sy Smala than val d he tet
    gnsound/rq
    ande

    html>
    MPCS
    18ON02u6RO23- cS VII- 58|21
    age: 2
    2had
    AHle Smalle Texd EaompeAles
    <head
    cbody>
    <p> The 6lbuig uwed uses a smal z mall 2/smalls
    upefa te. <lp>
    <lbody

    -2 THE END

    You might also like