Scribd Logo
Upload

Welcome to Scribd!

  • 125 views

    HTML Introduction

    Uploaded by

    mahima yadav
    HTML is a markup language used to define the structure and layout of web pages. It uses tags to mark elements like headings, paragraphs, links etc. HTML documents are made of HTML tags and each tag contains different content. JavaScript and CSS are used with HTML to make web pages dynamic and interactive. Together, HTML, JavaScript, CSS are referred to as DHTML which allows creating animated and event-driven web pages.

    Copyright:

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

    HTML Introduction

    Uploaded by

    mahima yadav
    125 views6 pages
    HTML is a markup language used to define the structure and layout of web pages. It uses tags to mark elements like headings, paragraphs, links etc. HTML documents are made of HTML tags and each tag contains different content. JavaScript and CSS are used with HTML to make web pages dynamic and interactive. Together, HTML, JavaScript, CSS are referred to as DHTML which allows creating animated and event-driven web pages.

    Original Description:

    HTML Introduction

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    HTML is a markup language used to define the structure and layout of web pages. It uses tags to mark elements like headings, paragraphs, links etc. HTML documents are made of HTML tags and each tag contains different content. JavaScript and CSS are used with HTML to make web pages dynamic and interactive. Together, HTML, JavaScript, CSS are referred to as DHTML which allows creating animated and event-driven web pages.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    125 views6 pages

    HTML Introduction

    Uploaded by

    mahima yadav
    HTML is a markup language used to define the structure and layout of web pages. It uses tags to mark elements like headings, paragraphs, links etc. HTML documents are made of HTML tags and each tag contains different content. JavaScript and CSS are used with HTML to make web pages dynamic and interactive. Together, HTML, JavaScript, CSS are referred to as DHTML which allows creating animated and event-driven web pages.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 6
    At a glance
    Powered by AI
    The key takeaways are that HTML is a markup language used to create web pages, and it uses tags to structure and present content. Dynamic HTML (DHTML) allows web pages to be animated and interactive by combining HTML, JavaScript, CSS and the DOM.

    The main components of HTML are tags like <html>, <head>, <title>, <body> which provide the overall structure, and tags inside the <body> like <h1>, <p> for headings and paragraphs, and forms, tables etc for more complex layouts.

    The <head> tag contains metadata (title, scripts, stylesheets etc) about the document and must be placed before the <body>. It is not visible content for users but provides crucial information for browsers and search engines.

    Web Development

    HTML Introduction :
    HTML

    HTML is an acronym which stands for Hyper Text Markup Language which is used
    for creating web pages and web applications. Let's see what is meant by Hypertext
    Markup Language, and Web page.

    Hyper Text: HyperText simply means "Text within Text." A text has a link within it,
    is a hypertext. Whenever you click on a link which brings you to a new webpage, you
    have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML
    documents) with each other.

    Markup language: A markup language is a computer language that is used to apply


    layout and formatting conventions to a text document. Markup language makes text
    more interactive and dynamic. It can turn text into images, tables, links, etc.

    Web Page: A web page is a document which is commonly written in HTML and
    translated by a web browser. A web page can be identified by entering an URL. A Web
    page can be of the static or dynamic type. With the help of HTML only, we can create
    static web pages.

    Hence, HTML is a markup language which is used for creating attractive web pages
    with the help of styling, and which looks in a nice format on a web browser. An HTML
    document is made of many HTML tags and each HTML tag contains different content.

    Let's see a simple example of HTML.

    1. <!DOCTYPE>
    2. <html>
    3. <head>
    4. <title>Web page title</title>
    5. </head>
    6. <body>
    7. <h1>Write Your First Heading</h1>
    8. <p>Write Your First Paragraph.</p>
    9. </body>
    10. </html>
    Test it Now

    Description of HTML Example


    <!DOCTYPE>: It defines the document type or it instruct the browser about the
    version of HTML.

    <html > :This tag informs the browser that it is an HTML document. Text between html
    tag describes the web document. It is a container for all other elements of HTML except
    <!DOCTYPE>

    <head>: It should be the first element inside the <html> element, which contains the
    metadata(information about the document). It must be closed before the body tag opens.

    <title>: As its name suggested, it is used to add title of that HTML page which appears
    at the top of the browser window. It must be placed inside the head tag and should close
    immediately. (Optional)

    <body> : Text between body tag describes the body content of the page that is visible
    to the end user. This tag contains the main content of the HTML document.

    <h1> : Text between <h1> tag describes the first level heading of the webpage.

    <p> : Text between <p> tag describes the paragraph of the webpage.

    Introduction to DHTML

    DHTML is the art of combining HTML, JavaScript, DOM, and CSS.

    What you should already know

    Before you continue you should have a basic understanding of the following:

     HTML
     JavaScript
     CSS

    If you want to study these subjects first, find the tutorials on our Home Page.

    DHTML is Not a Language

    DHTML stands for Dynamic HTML.

    DHTML is NOT a language or a web standard.


    DHTML is a TERM used to describe the technologies used to make web pages dynamic and interactive.

    To most people DHTML means the combination of HTML, JavaScript, DOM, and CSS.

    According to the World Wide Web Consortium (W3C):


    "Dynamic HTML is a term used by some vendors to describe the combination of HTML, style sheets
    and scripts that allows documents to be animated."

    DHTML Technologies

    Below is a listing of DHTML technologies.

    HTML 4

    The W3C HTML 4 standard has rich support for dynamic content:

     HTML supports JavaScript


     HTML supports the Document Object Model (DOM)
     HTML supports HTML Events
     HTML supports Cascading Style Sheets (CSS)

    DHTML is about using these features to create dynamic and interactive web pages.

    JavaScript

    JavaScript is the scripting standard for HTML.

    DHTML is about using JavaScript to control, access and manipulate HTML elements.

    You can read more about this in the next chapter of this tutorial.

    HTML DOM

    The HTML DOM is the W3C standard Document Object Model for HTML.

    The HTML DOM defines a standard set of objects for HTML, and a standard way to access and
    manipulate them.

    DHTML is about using the DOM to access and manipulate HTML elements.

    You can read more about this in a later chapter of this tutorial.

    HTML Events

    The W3C HTML Event Model is a part of the HTML DOM.

    It defines a standard way to handle HTML events.


    DHTML is about creating web pages that reacts to (user)events.

    You can read more about this in a later chapter of this tutorial.

    CSS

    CSS is the W3C standard style and layout model for HTML.

    CSS allows web developers to control the style and layout of web pages.

    HTML 4 allows dynamic changes to CSS.

    DHTML is about using JavaScript and DOM to change the style and positioning of HTML elements.

    You can read more about this in a later chapter of this tutorial.

    Brief History of HTML

    In the late 1980's , a physicist, Tim Berners-Lee who was a contractor at CERN,
    proposed a system for CERN researchers. In 1989, he wrote a memo proposing an
    internet based hypertext system.

    Tim Berners-Lee is known as the father of HTML. The first available description of
    HTML was a document called "HTML Tags" proposed by Tim in late 1991. The latest
    version of HTML is HTML5, which we will learn later in this tutorial.

    HTML Versions

    Since the time HTML was invented there are lots of HTML versions in market, the brief
    introduction about the HTML version is given below:

    HTML 1.0: The first version of HTML was 1.0, which was the barebones version of
    HTML language, and it was released in1991.

    HTML 2.0: This was the next version which was released in 1995, and it was standard
    language version for website design. HTML 2.0 was able to support extra features such
    as form-based file upload, form elements such as text box, option button, etc.

    HTML 3.2: HTML 3.2 version was published by W3C in early 1997. This version was
    capable of creating tables and providing support for extra options for form elements. It
    can also support a web page with complex mathematical equations. It became an official
    standard for any browser till January 1997. Today it is practically supported by most of
    the browsers.

    HTML 4.01: HTML 4.01 version was released on December 1999, and it is a very
    stable version of HTML language. This version is the current official standard, and it
    provides added support for stylesheets (CSS) and scripting ability for various
    multimedia elements.

    HTML5 : HTML5 is the newest version of HyperText Markup language. The first draft
    of this version was announced in January 2008. There are two major organizations one
    is W3C (World Wide Web Consortium), and another one is WHATWG( Web Hypertext
    Application Technology Working Group) which are involved in the development of
    HTML 5 version, and still, it is under development.

    Features of HTML

    1) It is a very easy and simple language. It can be easily understood and modified.

    2) It is very easy to make an effective presentation with HTML because it has a lot of
    formatting tags.

    3) It is a markup language, so it provides a flexible way to design web pages along


    with the text.

    4) It facilitates programmers to add a link on the web pages (by html anchor tag), so it
    enhances the interest of browsing of the user.

    5) It is platform-independent because it can be displayed on any platform like


    Windows, Linux, and Macintosh, etc.

    6) It facilitates the programmer to add Graphics, Videos, and Sound to the web pages
    which makes it more attractive and interactive.

    7) HTML is a case-insensitive language, which means we can use tags either in lower-
    case or upper-case.

    Features of JavaScript :
    Here are some key Advantages of JavaScript:
     JavaScript is a client side language.
     JavaScript is an easy language to learn.
     JavaScript is comparatively fast for the end user.
     Extended functionality to web pages.
     No compilation needed.
     Easy to debug and test.
     Event-Based Programming language.
     Procedural programming capabilities.
    Oct 12, 2017

    Here are some key Advantages of JavaScript:


     JavaScript is a client side language.
     JavaScript is an easy language to learn.
     JavaScript is comparatively fast for the end user.
     Extended functionality to web pages.
     No compilation needed.
     Easy to debug and test.
     Event-Based Programming language.
     Procedural programming capabilities.
    Oct 12, 2017

    You might also like