Scribd Logo
Carica

Benvenuto in Scribd!

  • Web Development

    Caricato da

    Adnan Rai
    10 visualizzazioni5 pagine

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    10 visualizzazioni5 pagine

    Web Development

    Caricato da

    Adnan Rai

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 5

    Web Development

    <html>

    <body>

    <form> Tag

    <form novalidate //for non validation>

    <form target=””03064811860>

    <lable> Upload any file </label>

    //

    <input type”text” required ?for must to fill >

    //

    <input type”” autofocus ?for highlight >

    <input type”text” pattern=” [A-Z]+ >

    <input type”text” pattern=” [A-za-z]+ >

    <input type”text” pattern=” [A-za-z]{range} or {interval}>

    //

    <input type””>

    Type:

    Time, File,text, Name,Submit,week,

    <select multiple>

    <option></option>

    </select>

    //

    <fieldset> <legend> </legend> </fieldset>

    <br>

    //

    Video tag: (height and width is must to type in tag)

    <video src=”video path/name” height width controls autoplay=”1” ></video>


    Controls: show controls

    Autoplay: play video automatically on load page. “1” mean play one time.

    Best approach: (for video or audio)

    <video height width controls >

    <source src=”video path/name”>

    </video>

    Audio tag: <audio src: “audio path.extension/name”></audio>

    Embeded from any website video .e.g. youtube:

    Iframe tag: <iframe height=”” width=”” src=”url” ></iframe>

    For autoplay: <iframe height=”” width=”” src=”url?autoplay=1” ></iframe>

    //

    <div> tag is section use for division in webpages.

    <p></p>

    </div>

    //

    Know how:

    Element and tag.

    Id,class,selector.

    *Selector is used for all tags on webpage.

    CSS:

    Inline css: used in html tag using style tag in it.

    Internal css: used in webpage at top. Insert in head tag and use style tag for styling.

    External csss: use separate file to style webpage.

    CSS:

    Selector{ float: left/right; // used for multiple div in a row

    margin-top/right/left/bottom: toppx,rightpx,leftpx,bottompx; }
    .classname{}

    Element.classname{}

    In html:

    <p class=” one or more classname”>

    #idname{}

    Element.idname{}

    In html: <p id=”idname”>

    Attribute of child div for not affecting parent div

    .childdiv{overflow:hidden}

    //

    JAVA SCRIPT : it is event(button,click,hover,load,unload etc.) based and used in client side.

    We can change the functionality of webpage using javascript.

    Uses: Animation, Zoom,charts,pop-up, Validation on page etc.

    JavaScript framework of JS are as follow:

    Jquerry,aungular JS, vue JS, Node JS etc

    …………………………………………………………………………………………………………………………………………………………….......

    <script> tag

    <script>
          document.write(‘this is our class’);
    // object.method(‘string’)terminator;
    //Another way to write
    document['write'](‘This is our first JS class’);
    document.write(‘Hello <h1 style=”color: white”> Hello World </h1>’);
    /* single quotation in inner and double in outer/ double quotation in inner and
    single in outer */
    // Object creation
    Var obj1={
    Cat: ‘meoq’,
    Dog: ‘waoo’,
    var sound=obj1.cat;
    document.write(sound);
        </script>
         //array declaration  and intialization
    x=['a','b'];
    document.write(x[1]);
    //function
    function myfun(){
      var x=5;
      var y=15;
    }

    // In camel case just first word letter is small other can be start with
    uppercase letter .e.g getElementById

    Function my(){
    X= getElementById(“p”);
    Alert(x);
    Or Alert(x.innerhtml);
    Or Alert(x.tagName);
    x.style.backgroundcolor=”blue”;
    or x.setattribute(“style”,”color:red”);
    }
    <body>
    <p id=”p1”>
    I am Paragraph
    </p>
    <button onclick=”myfun()”> Click me </button>

    Potrebbero piacerti anche