Scribd Logo
Upload

Welcome to Scribd!

  • HTML Tutorials - InfotechAus

    Uploaded by

    Nilesh Pujara
    12 views11 pages
    Exquisite coding facilities for PSD to HTML conversion without losing the charm of the design.

    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
    Exquisite coding facilities for PSD to HTML conversion without losing the charm of the design.

    Copyright:

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

    HTML Tutorials - InfotechAus

    Uploaded by

    Nilesh Pujara
    Exquisite coding facilities for PSD to HTML conversion without losing the charm of the design.

    Copyright:

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

    HTML Tutorials

    Everything HTML, CSS and JavaScript, the most


    common Languages used in making web pages.

    Created by
    InfotechAus

    What is HTML & CSS

    HTML

    is Hypertext Markup
    Language. HTML is the language
    for describing the structure of
    web pages.
    It is provides the structure of the
    page, CSS the (visual & aural)
    layout, for a variety of devices.
    And XHTML is a variant of HTML
    that uses the Syntax of XML.

    CSS is Cascading Style sheets

    are two of the core


    technologies for building web
    pages,
    CSS is the language for
    describing the presentation of
    web pages including colors,
    layout and fonts. For more
    details click

    History of HTML
    In 1989, Berners-Lee wrote a
    memo proposing an Internetbased hypertext system. BernersLee specified HTML and wrote
    the browser and server software
    in late 1990.

    The 1st publicly available description of


    HTML was a document called "HTML
    Tags", first mentioned on the Internet
    by Tim Berners-Lee in late 1991. It
    describes 18 elements comprising the
    initial, relatively simple design of
    HTML. Except for the hyperlink tag,

    HTML Versions
    Version

    Year

    HTML

    1991

    HTML 2.0

    1995

    HTML 3.2

    1997

    HTML 4.01

    1999

    XHTML

    2000

    HTML5

    2014

    Tags, Attribute & Element of


    HTML
    O Tags: The basic structure of a HTML document includes tags,

    which surround content & apply meaning to it.


    O Change your document so that it looks like this:
    <!DOCTYPE html>, is a

    <!DOCTYPE html>
    <html>
    <body>
    Website Development Services Melbourne
    </body>
    </html
    Try it Yourself

    documenttype
    declaration.
    <html> is the Opening Tag
    </html> is the Closing Tag
    <body> and </body> is
    the main content of the
    document
    that
    will
    appear in the browser
    window.

    HTML Attributes:
    All HTML elements can have attributes
    Attributes provide additional information about an

    element
    Attributes are always specified in the start tag
    Attributes usually come in name/value pairs like:
    name="value"

    Lang Attribute:
    The

    language of the
    document
    can
    be
    declared in the <html>
    tag.
    The language is declared
    with the Lang attribute.

    <!DOCTYPE html>
    <html lang=en-US>
    <body>
    Website Development Services Melbourne
    </body>
    </html
    Try it Yourself

    Title Attribute:
    Here, a title attribute is

    added to the <p> element.


    The value of the title
    attribute will be displayed
    as a tooltip when you
    mouse over the paragraph:

    href Attribute:
    HTML

    links are defined


    with the <a> tag. The link
    address is specified in the
    href attribute:

    <!DOCTYPE html>
    <html>
    <body>
    <h2>Asha</h2>
    <p title=website development services
    melbourne"></p>
    InfotechAus is a web development company
    </body>
    </html>

    Try it Yourself

    <!DOCTYPE html>
    <html>
    <body>
    <a href="http://www.infotechaus.com.au">website
    development services melbourne</a>
    </body>
    </html>

    Try it Yourself

    Size Attribute:
    HTML images are defined

    <!DOCTYPE html>
    <html>
    <body>

    The filename of the source

    <img src=
    http://infotechaus.com.au/images/responsive-webdesign.jpg width="104" height="142">

    with the <img> tag.

    (src), and the size of the


    image (width and height)
    are
    all
    provided
    as
    attributes:

    Alt Attribute:
    The alt attribute specifies an
    alternative text to be used,
    when an image cannot be
    displayed.
    The value of the attribute can
    be read by screen readers. This
    way, someone "listening" to
    the webpage, e.g. a blind
    person, can "hear" the
    element.

    </body>
    </html>

    Try it Yourself

    <!DOCTYPE html>
    <html>
    <body>
    <img src="http://infotechaus.com.au/images/responsiveweb-design.jpg " alt="website development services
    melbourne.com" width="104" height="142">
    </body>
    </html>

    Try it Yourself

    Attribute
    Id

    Description
    identifies a unique element.
    The value of id can be used
    by CSS or JavaScript to
    reference that element.
    Used to reference elements,
    by CSS, for example. Any
    number of elements can
    have the same value (unlike
    id).
    Applies inline CSS.

    Possible Value
    Text, excluding spaces.
    The value of the id attribute
    must be unique.

    Dir

    The Direction of text in an


    element

    Translate

    If text should be translated


    when a document is
    localized.
    Associates a keyboard
    shortcut to an element.
    Explicitly specifies where an
    element appears in the tab
    order of the page.

    Class

    Style

    Accesskey
    Tabindex

    Used to reference elements,


    by CSS, for example. Any
    number of elements can
    have the same value (unlike
    id).
    CSS declarations.
    ltr (left-to-right)
    rtl (right-to-left)
    auto
    Yes
    No

    Space-separated list of
    characters.
    Integer.

    Another Tab & Attributes


    Embedded content
    Root Element
    Html
    img
    Edits
    embed
    Ins
    object
    Del
    param
    Scripts
    Script/nonscript Video/audio
    Source,track,map
    Template
    canvas

    Table

    Forms

    Tr,td,th,caption
    Table
    tbody
    thead
    tfoot
    Col/colgroup

    Form,input
    textarea
    Select
    option
    Datalist
    Label,fieldset

    Metadata

    Sections

    Grouping

    Text

    Head
    Title
    Base
    Link
    Meta
    style

    Body
    Article
    Section
    H1-H6
    Header/footer
    address

    P
    Pre
    Blockquote
    Ol,figure,hr
    ul, dt, div,
    Li, dl, dt dd,

    a,em
    Strong
    Data,time
    Code,var,samp
    Mark,ruby,rb
    Rt,rp,rtc,bdi

    Physical address:
    Gaffney street, Pascoe Vale
    Melbourne VIC 3044 Australia
    Email Address:
    info@infotechaus.com.au
    Website Address:
    http://infotechaus.com.au/
    Contact No:
    +61 8946 80446
    Skype Id:
    nileshpujara90

    You might also like