Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 3 views

    HTML Presentation

    Uploaded by

    imsupriya1409
    Html

    Copyright:

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

    HTML Presentation

    Uploaded by

    imsupriya1409
    3 views5 pages
    Html

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Html

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    3 views5 pages

    HTML Presentation

    Uploaded by

    imsupriya1409
    Html

    Copyright:

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

    Points for presentation

    1.Introduction (this part will content definition, brief history and latest version
    of html)

    Definition
    ● HTML stands for HyperText Markup Language.
    ● It is the standard language used to create web pages.
    ● It was introduced by Tim Berners-Lee in 1991.
    ● It is a combination of HyperText and Markup Language.
    ● HyperText : defines the link between the web pages.
    ● Markup Language: defines the text document within the tag.
    ● It uses a series of elements and tags to create web pages.

    History
    ● 1989: Tim Berners-Lee, proposed a system to for sharing documents
    using hypertext
    ● 1991:Berners-lee created the first version of HTML but was not
    released. It was a simple language with 18 tags, allowing formatting
    and linking.
    ● 1993: HTML 1.0 - The first official version of HTML was published by
    IETF and available to the public. It introduced basic tags for creating
    web pages, including text formatting, images and hyperlinks.
    ● 1995: HTML 2.0 - was published by IETF to standardise the language
    and with few additional features along with the existing features and
    also included improvement in the initial draft and bugs were fixed.
    ● 1997: The W3C took over the development of HTML and HTML 3.2
    on Jan 14 was released, adding support for tables, applets, text flow
    around images, and more complex elements. Later HTML 4.0 was
    published as a W3C recommendation on Dec 18.
    ● 1998: HTML 4.0 was reissued on April 24 with minor edits without
    incrementing the version number.
    ● 1999: HTML 4.01 was published as a W3C Recommendation, which
    became official standard in Dec 1999, was the most widely used
    version in the early 2000s. It was a significant update, introducing
    features such as stylesheets (CSS), scripting (JavaScript), and
    improved accessibility features.
    ● 2000: XHTML was introduced as a stricter version of HTML,
    reformulated as XML. It aimed to improve code quality and
    consistency across different browsers.
    After HTML 4.01, there were no new versions of HTML for
    many years, as the development of the parallel, XML-based
    language XHTML occupied the W3C's HTML Working Group.
    ● 2014: HTML5 was officially released by the W3C, focusing on modern
    web development needs. It introduced new elements and APIs for
    multimedia, graphics, and offline storage.
    ● 2016: HTML 5.1 was published as a W3C Recommendation.
    ● 2017: HTML 5.2 was published as a W3C Recommendation.

    2.Features of html
    ● It is easy to learn and easy to use.
    ● It is platform-independent
    ● Images, videos and audio can be added to a web page.
    ● Hypertext can be added to the text
    ● It is a markup language.

    3.Tags and Elements


    ○ An HTML element is defined by a start tag, some content, and an
    end tag.
    <tagname> content </tagname>
    Eg.
    <h1> Main Page </h1>
    <p> Hello World! </p>
    ● HTML tags are the building blocks of any website.
    ● They are to create web pages in various formats.
    ● They are enclosed in angle brackets <> and typically come in pairs i.e. an
    opening tag and a closing tag. The closing tag has an additional
    forward-slash(</>).
    ● The opening tag specifies the beginning while closing marks the end.

    Basic structure tags:


    HTML Tag
    ● The HTML document itself begins with <html> and ends with
    </html>
    Head tag
    ● Contains information about the document, such as its title
    Title tag
    ● Sets the title of the webpages, which appears in the browser tab
    ● Written under head tag with the title tag <title> and ends with </title>.
    Body tag
    ● The visible part of the HTML document is written between <body>
    and </body>.
    ● It is used to define the main content present inside an HTML page.
    Text formatting tags
    Paragraph tag
    ● The <p> tag defines the paragraph of the HTML Document.
    ● It have both opening and closing tag </p>

    Heading tag
    ● <h1> to <h6>: Heading tags, with <h1> being the highest level and
    <h6> the lowest.
    ● <h1>: Main Heading (largest)
    ● <h2>: Subheading
    ● <h3> - <h6> : Smallest Heading
    Links and media tags
    Image tag
    ● Are used to embed images.
    ● HTML Images are defined with the <img> tag.
    <img src=”image.jpg” alt=”image” width=”200px” height=”200px”>
    ● The source file(src), alternative text(alt), width and height are provided
    as attributes
    Anchor tag
    ● HTML links or hyperlinks are used to connect web pages .
    ● They are created using the <a> tag with the href attribute.
    <a href = “url”> link text </a>

    4.Structure of html
    ● The basic structure of an HTML page contains essential building-block
    elements such as HTML, head, body and title elements upon which all the
    HTML web pages are created.

    <html> —---------------------> HTML root element


    <head> —---------------> contain HTML page metadata
    <title> Page Title </title> —----------> title of HTML page
    </head>
    <body> —-----------> contains the main content that is visible to user
    <h1>Heading</h1> —---------> heading part
    <p>Paragraph</p> —-----------> paragraph part
    </body>
    </head>
    </html>
    5.How to write html code (like using editor like
    notepad and a browser)
    Steps to Write and View HTML

    STEP 1:Open Notepad or TextEdit

    Use a text editor like Notepad (Windows), TextEdit (Mac), or a code editor like
    Visual Studio Code, Sublime Text, or Atom.

    STEP 2: Write HTML Code

    Writing HTML code using different tags and elements such as head, title,
    body etc.

    <html>

    <body>

    <h1> My First HTML Page </h1>

    <p> Hello World! </p>

    </body>

    </html>

    STEP 3: Save the File

    Save the file with a .html extension (e.g., Home.html). You can use either
    .html or .htm as file extension.

    STEP 4:Open the HTML File in a Browser:

    Double-click the HTML file, or right-click and choose “Open with” followed by
    your preferred web browser (e.g., Chrome, Firefox, Safari).

    The browser will render the HTML code as a web page.

    ABB.
    XML (eXtensible Markup Language)
    XHTML (Extensible HyperText Markup Language)
    World Wide Web Consortium (W3C)
    the Internet Engineering Task Force (IETF)

    You might also like