Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Pradyumna Web

    Încărcat de

    Pradyumna Deshmukh
    11 vizualizări28 pagini
    made by me

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PPTX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    made by me

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    11 vizualizări28 pagini

    Pradyumna Web

    Încărcat de

    Pradyumna Deshmukh
    made by me

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 28

    Presented

    by:
    Pradyumna Deshmukh
    1. Technology
    2. What is HTML?
    3. HTML Editors
    4. HTML Page Structure
    5. Tags in HTML
    6. Example
    7. CSS
    8. Forms
    9. Bootstrap
    10. MySql
     Client side technology:
    1.HTML
    2.CSS
    3.Java script
     Server side technology:
    1.PHP
    2.Mysql
     HTML stands for Hyper Text Markup
    Language.
     HTML is used by developer’s to
    define structure of a we page.
     HTML is used to create web pages.
     Using HTML, we can create a Web
    page with text, graphics, and
    videos.
    •Following are the examples
    of HTML editors:
    NetBeans
    Eclipse
    Notepad
    Notepad++
    Coffee Cup HTML Editor
    <!DOCTYPE>
    // Documents uses html
    <!-- -->
    // comments in html
    <HTML>
    <HEAD>
    // It contains information that are
    hidden from user.
    <TITLE>
    // Name of web page
    </TITLE>
    <BODY>
    // All visible contents
    </BODY>
    </HTML>
     HTML tags are hidden keywords within web page.
     Tags defines how the browser must format and
    display
    the contents.
     Most of the tags have two parts :
    Opening tag & Closing tag
     Heading tags:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>.
     <p>:It defines a paragraph.</p>
     <b>:Text appears in bold format.</b>
     <i>:Text appears in italic format.</i>
     <u>:It is used to underline the text.</u>
     <mark>: It highlights the txt.</mark>
     <tt>:used to make the text appears as it is typed by a type
    writer.
     <del>:element is used to define a deleted text.
     <a>:anchor tag used to create hyperlinks.
     <img>:It is used to add image at background and
    foreground.
     <table>:It is used to create table.
     <li>:It is used to list the content.
     <ol>:It is used to list the content in particular
    order.
     <ul>: It is used to list the content without any
    order.
     <br>:It is used to break the current line.
    <html>
    <head>
    <title>Example</title>
    </head>
    <Body>
    <H1>Web Development</H1>
    <p>This is <b>example</b>
    <i>HTML Tags.</i></p>
    </Body>
    </html>
     Css means Cascading style sheets.
     Html is used to describe the structure of page.
     Css are used to for styling the page.
     There are 3 types of CSS:
    1.Inline CSS
    2.Internal CSS
    3.External CSS
     Inline Css is used to apply a unique style to a single
    HTML element.
     It uses style attribute.
     Example:
    <html>
    <body>
    <h1 style="color: blue;">This is a blue
    heading</h1>
    </body>
    </html>
     Output:
     An internal style sheet may be used if one single HTML
    page has a unique style.
     The internal style is defined inside the <style> element.
     Example:
    <html>
    <head>
    <style>
    body
    { Output:
    background-color:cyan;
    }
    </style>
    </head>
    <body>
    <h2>This is heading.</h1>
    <p>This is paragraph.</p>
    </body>
    </html>
     With an external sheet we change the look of entire
    website.
     Each html page must include a reference to the
    external style sheet file inside the <link> tag.
     <link> tag must be written inside head section.
     Button: It defines a clickable button.
     Number: It defines a numeric input field.
     Date: In this field user must have to enter a date as
    a input.
     Select: It is used to define a drop down list.
     Text Area: This field accepts multi line text input.
     Submit: It defines a button in which data can be
    submitted.
     Reset: It defines a button in which all the entered
    values can be cleared.
     Radio :It defines a radio button.
     Checkbox: It defines a checkbox.
    <html>
    <body>
    <h1>Login Page</h1>
    <b>Username:</b><input type="text“>
    Output:
    <b>Password:</b><input type="password" >
    <input type="submit" value="Login">
    <input type="reset" value="Cancel">
    <input type="submit" value="Signup">
    </body>
    </html>
     Bootstrap is the most popular HTML,CSS,JS
    framework
     Used for developing responsive, mobile projects on
    the web.
     Responsive web design means creating a web sites
    which would automatically adjust themselves to
    look good on all devices.
     It was developed by Mark Otto and Jacob
    Thornton at twitter.
     It is released as an open source product in
    August 2011 on GitHub.
     The bootstrap has four classes:
    1.xs:For phones(less than 768px wide)
    2.sm:For tablets(greater than 769px wide)
    3.md:For small laptops(greater than 992px wide)
    4.lg:For Laptops and Desktops(greater than
    1200px wide)
    1.Bootstrap basic table 2. Striped Rows

    3. Bordered Table 4.Hover Rows


    1. Rounded Corners: 2.Circle :

    3. Thumbnail:
     DATA:
    Data is collection of raw material.
     DATABASE:
    Database is a collection of information that is
    organized so that it can be easily accessed,
    managed and updated.
     DBMS:
    A database management system is system
    software for creating and managing database.
     There are three types of data:
     Using create table query we can create tables.
     Syntax:
    create table tablename (colname datatype..)
     Example:
    create table student(rollno int,name varchar(20));
     Output:

    Roll No Name
     Using insert table query we can add data into
    tables.
     Syntax:
    insert into tablename values(a1,a2…);
     Example:
    insert into student(1,’XYZ’);
     Output:
    Rollno Name
    1 XYZ
     For deleting table we use delete table query.
     Syntax:
    delete from tablename;
     Example:
    delete from student;

    S-ar putea să vă placă și