Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Slide 2

    Uploaded by

    khankhan876789908
    This document provides an introduction to web technologies including HTML. It defines a web browser and explains how browsers display HTML tags to render web pages. It distinguishes between static and dynamic web pages, and describes HTML tags for headings, paragraphs, lines, comments, and fonts. It also covers how to insert images, use hyperlinks, and add scrolling text with the <marquee> tag.

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd

    Slide 2

    Uploaded by

    khankhan876789908
    4 views15 pages
    This document provides an introduction to web technologies including HTML. It defines a web browser and explains how browsers display HTML tags to render web pages. It distinguishes between static and dynamic web pages, and describes HTML tags for headings, paragraphs, lines, comments, and fonts. It also covers how to insert images, use hyperlinks, and add scrolling text with the <marquee> tag.

    Original Title

    Slide-2

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides an introduction to web technologies including HTML. It defines a web browser and explains how browsers display HTML tags to render web pages. It distinguishes between static and dynamic web pages, and describes HTML tags for headings, paragraphs, lines, comments, and fonts. It also covers how to insert images, use hyperlinks, and add scrolling text with the <marquee> tag.

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Download as ppt, pdf, or txt
    4 views15 pages

    Slide 2

    Uploaded by

    khankhan876789908
    This document provides an introduction to web technologies including HTML. It defines a web browser and explains how browsers display HTML tags to render web pages. It distinguishes between static and dynamic web pages, and describes HTML tags for headings, paragraphs, lines, comments, and fonts. It also covers how to insert images, use hyperlinks, and add scrolling text with the <marquee> tag.

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Download as ppt, pdf, or txt
    You are on page 1of 15

    Web Technolgies

    Introduction
    BY:
    ABID JAMEEL
    (M.S COMPUTER SCIENCE)
     What is Web Browser :
     The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML
    documents and display them as web pages
     The browser does not display the HTML tags, but uses the tags to interpret the
    content of the page.
     like : h1 give bigger layout and img insert image
     Static web page:
     A web page that displays same page/information to all users.
     No user interaction
     No Database
     Create in HTML,CSS,JS
     Dynamic web page:
     Information is different for each user e.g. Facebook, Google+
     Involves user interaction
     Must Have Database
     create in HTML, CSS, JS, php, Mysql
    HTML
     First developed by Tim Berbers-Lee in 1990 .
     It is not a programming language, but it is markup language
     It Consist of set of markup tags.
     HTML tags are keywords surrounded by angle brackets like <html>
     Markup tags use to add resources to the page and give layout to resources.
     Without HTML, a browser would not know how to display text as elements or load
    images or other elements.
     Give additional info to tag
    HTML
     Attribute/property :
     Every Tag have there Own Property to specify the tag like for img tag you must
    have picture (Location, Width, Height ) so we will use attribute for these
    Information.
    First Code

    Hello World

     <html>
    <head>
    <title>Hello World</title>
    </head>
    <body>
    <p>Hello World.</p>
    </body>
    </html>
    Headings

    Heading 1
    Heading 2
     Heading 3
     Heading 4
     Heading 5
     Heading 6
     Attributes
     align = “Left”, “center”, “right”
     title = “text”
    HTML Tags

     HTML Lines:
     The <hr > tag creates a horizontal line in an HTML page.
     The hr element can be used to separate content:
     <hr >

     HTML Paragraph:
    <p>This is a paragraph</p>
    Attributes: Align, title.
     HTML Comments
     Comments can be inserted into the HTML code to make it more readable and
    understandable. Comments are ignored by the browser and are not displayed.
     Comments are written like this:
     <!-- This is a comment -->
    HTML Tags
     HTML Background
     For web page background color the attribute is:
     <body bgcolor=“red”>
     Or <body bgcolor=“rgb(255,0,255)”>
     HTML Font tag
     To change text size
     <font size=“+3”>Hello</font>
     Output: Hello
     To change text color
     <font color=“red”>Hello</font>
     Output: Hello
     To change font style
     <font size=“+3” color=“red” face=“Impact”>Hello</font>
     Output: Hello
    Image Insertion
     For image insertion <img> tag is used
     Place all images in the same directory/folder where you web pages are
    <html>
    <head>
    <title>image Insertion</title>
    </head>
    <body>
    <p>This is the inserted image:</p> <br>
    <img src=“logo.png “ border=“1” hspace=“10px” vspace=“10px” alt="image not
    found" width="40px" height="40" />
    </body>
    </html>
    marquee

     Marquee help in scrolling the text:


     <marquee direction=“right”> text </marquee>

     Direction can be “right”,“left”,”up” and “down”


     scrollamount="int"
     onMouseOver="this.stop()"
     onMouseOut="this.start() "
    Hyperlinks
     Hyperlinking is used to link web pages.
     Suppose we want to link two web pages page1.html and
    page2.html….
     Syntax:

    <Html>
    <body>
    <a href=“page2.html”>jump to page2</a>
    </body>
    </html>
     Attribute:Download
     Download
    <a href=“link" download>Abc</a>
     Target
     <a target="_blank">
     _blank = Opens the linked document in a new window or tab.

     _self = Opens the linked document in the same frame as it was


    clicked (this is default)

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy