Scribd Logo
Upload

Welcome to Scribd!

  • HTML4 and 5

    Uploaded by

    Lavanya Kasetty
    7 views9 pages
    Html notes 4 and 5

    Original Title

    1561223571903_HTML4 and 5

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Html notes 4 and 5

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views9 pages

    HTML4 and 5

    Uploaded by

    Lavanya Kasetty
    Html notes 4 and 5

    Copyright:

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

     Class 1 [19/6/2019]

    Website
    a) Static Website
    b) Dynamic Website
    ________ ___________
    HTML 4 & 5
    CSS 2 & 3
    Java Script
     PHP / Java /.Net / Python
     MySQL / MsSQL
     Ajax
    HTML4: -
     History
     Structure
     Basic Tags
     Text Formatting tags
     Heading tags
     Font tag
     Images
     Hyperlinks
     Lists
    Unordered
    Ordered
    Nested list
     Marquee – Scrolling text
     Tables
     Forms
    HTML – 5:
     Doc type
     Schematic elements
     Audio api
     Video api
     Canvas
     Drag and Drop
     Geo Location
     Web Storage
    Session
    Local
     Web forms 2.0
     Web Worker
     Offline Web Application
     SVG
    It is used to create Web Pages
    Which are shared on Internet.
     Class 2 [20/6/2019]
    HTML4
    HTML Stands for Hyper Text Markup Language.

    HTML Created by TIM Berners-Lee in 1993.


    Tim Berners-Lee is the father of HTML & WWW.

    It is used to create Web pages which are shared on Internet


    HTML is a client side language
    W3C (World Wide Web Consortium)
    Editors:
     Notepad
     Notepad ++
     Dream Weaver
     Sublime text
     Net beans
     Edit Plus
     Atom
    Browsers:
     Google Chrome
     Mozilla Firefox
     IE [Internet Explorer]
     Safari
     Opera
    Tags:
     HTML uses Markup tags to create webpages.
     A command placed between angle brackets is
    called a tag.
     There are two types of Tags
     Empty tag: A tag which has only beginning tag
    is called Empty tag.
    Example: <br>, <img>
     Container tag: A tag which has both beginning
    and ending tags is called container tag.
    Example: <table> ……</table>
    <form> ……. </form>
    Structure of HTML Document:
    <html>
    <head>
    - Page title
    - Page description
    - Meta tags
    - CSS styles
    - Java Script
    </head>
    <body>
    - Main Content
    - Java Script
    </body>
    </html>
    Basic Tags:
    <html>
    <head>
    <body>
    <title> title
    <p> Paragraph
    <br> Line Break
    Text Formatting Tags:
    <b> bold
    <i> Italic
    <u> Underline
    <sup> Superscript
    <sub> Subscript
    <big> Big text
    <Small> Small text
    <Center> Center Aligned text
    <tt> Monospaced font
    When writing in HTML, the <tt> tag was used to
    designate inline teletype text. It was intended to style text as
    it would appear on a fixed-width display, using the browser's
    default monotype font. The following sections contain
    information about this tag, including an example of it in use,
    as well as related attributes and browser compatibility.

    Example of <tt> code


    <p> Welcome (Some normal text.) <tt> Some teletype
    text</tt> </P>
    <pre> Pre Formatted text
    HTML <pre> tag. When writing in HTML, the <pre>tag is a
    block element used to designate preformatted text. It is
    useful because the text between <pre> tagshas both its
    spaces and line break preserved in addition to being
    displayed in a fixed-width font.

    Example of <pre> tag


    <pre>
    Text in a pre element
    is displayed in a fixed-width
    font, and it preserves
    both      spaces and
    line breaks
    </pre>

    <Strong> Strong text


    The HTML <strong> element is found within the <body> tag.
    The <strong> tag is used to separate the text from the rest
    of the content. Browsers
    traditionally bold the text
    found within the
    <strong> tag. You can
    change this behavior
    with CSS.

    Example of <Strong> tag


    <strong>Strong text</strong>

    Heading Tags:
    We have 6 heading tags
    <h1>, <h2>,……..<h6>

     Class 3 [21/6/2019]
    Tag and Attributes:
    <P align=”Center”>
    Font tag:
    Font tag is used to apply font size,
    Color, font-family.
    <font>
    Attribute Value
    Size 1,2,….7
    Color Green, Red, Blue, Brown and
    Orange etc…
    Face Arial, Verdana, Cambria
    etc...

    Images:
    By using <img> tag we can insert images in the webpages.
    Syntax:
    <img src=”filename or path”>
    Attribute Value
    Src File name or path
    Width Integer
    Height Integer
    Border Integer
    Alt Text
    Title text
    Hyperlinks:
    By using <a> tag we can create Hyperlinks.
    <a href=”filename or path”> string or image</a>
    Attribute Value
    Href Filename or Path
    Target _blank
    “>

    You might also like