Scribd Logo
Upload

Welcome to Scribd!

  • 7 views

    2-Intoduction To HTML-pagestructure-05-01-2024

    Uploaded by

    giridar869
    HTML (Hypertext Markup Language) is a language for specifying the structure and layout of web pages. It uses tags to indicate elements like headings, paragraphs, lists, and links. An HTML document contains two main parts - the head for metadata and the body which is what users see. Common tags in the body include headings, paragraphs, images, and links. The HTML format wraps all content in opening and closing <html> tags with a <head> section for the title and <body> for visible content.

    Copyright:

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

    2-Intoduction To HTML-pagestructure-05-01-2024

    Uploaded by

    giridar869
    7 views14 pages
    HTML (Hypertext Markup Language) is a language for specifying the structure and layout of web pages. It uses tags to indicate elements like headings, paragraphs, lists, and links. An HTML document contains two main parts - the head for metadata and the body which is what users see. Common tags in the body include headings, paragraphs, images, and links. The HTML format wraps all content in opening and closing <html> tags with a <head> section for the title and <body> for visible content.

    Original Description:

    Deep dive to html

    Original Title

    2-Intoduction to HTML-pagestructure-05-01-2024

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    HTML (Hypertext Markup Language) is a language for specifying the structure and layout of web pages. It uses tags to indicate elements like headings, paragraphs, lists, and links. An HTML document contains two main parts - the head for metadata and the body which is what users see. Common tags in the body include headings, paragraphs, images, and links. The HTML format wraps all content in opening and closing <html> tags with a <head> section for the title and <body> for visible content.

    Copyright:

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

    2-Intoduction To HTML-pagestructure-05-01-2024

    Uploaded by

    giridar869
    HTML (Hypertext Markup Language) is a language for specifying the structure and layout of web pages. It uses tags to indicate elements like headings, paragraphs, lists, and links. An HTML document contains two main parts - the head for metadata and the body which is what users see. Common tags in the body include headings, paragraphs, images, and links. The HTML format wraps all content in opening and closing <html> tags with a <head> section for the title and <body> for visible content.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 14

    Introduction to HTML(Hyper Text

    Markup Language)
     It is a language for specifying the static content of Web pages (based
    on SGML, the Standard Generalized Markup Language)
     Constitutes a collection of platform independent styles that define
    the various components of a web document.
     Styles indicated by markup tags.
     Hypertext is simply a piece of text that works as a link.
     Markup ->works by augmenting text with special symbols (tags)
    that identify the document structure and content type
     Basically an HTML document is a plain text file that contains text
    and nothing else.
     When a browser opens an HTML file, the browser will look for
    HTML tags in the text and use them to change the layout, insert
    images, or create links to other pages.

    20 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    HTML Editors
     HTML documents are just text files they can be written in even
    the simplest text editor (Notepad).

     A more popular choice is to use a special HTML editor - maybe


    even one that puts focus on the visual result rather than the codes -
    a so-called WYSIWYG editor ("What You See Is What You Get").

     Some of the most popular HTML editors, such as FrontPage or


    Dreamweaver will let you create pages more or less as you write
    documents in Word or whatever text editor you're using.

    21 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    HTML
     One where we can embed special tags or formatting
    commands in the text.
     To describe how the text should be displayed / printed.
     Special formatting codes (called tags) to adjust fonts, create
    bulleted lists, create forms, display images, create tables, etc.

    22 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    WHY LEARN HTML?
    The most important benefits are:
     You can use tags the editor does not support.
    You can read the code of other people's pages, and "borrow" the cool
    effects.
     You can do the work yourself, when the editor simply refuses to create the
    effects you want.
     You can write your HTML by hand with almost any available text editor,
    including notepad that comes as a standard program with Windows.
    All you need to do is type in the code, then save the document, making sure
    to put an .html extension or an .htm extension to the file (for instance
    "mypage.html").

    23 09-01-2024
    R.Vijayan / Asso Prof / SITE / VIT
    History
     The first publicly available description of HTML was a document
    called "HTML Tags", first mentioned on the Internet by Berners-Lee
    in late 1991.
     November 24, 1995 - HTML 2.0 was published as IETF RFC 1866.
     January 1997 - HTML 3.2 was published as a W3C Recommendation.
     December 1997 - HTML 4.0 was published as a W3C
    Recommendation.
     December 1999 - HTML 4.01 was published as a W3C
    Recommendation.
     May 2000 - ISO HTML based on HTML 4.01 Strict was published as
    an ISO/IEC international standard.
     January 2008 - HTML5 was published as aWorking Draft by the W3C.

    24 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    History of HTML
    1991 HTML first published

    1995 HTML 2.0


    After HTML 4.01 was released, focus
    shifted to XHTML and its stricter standards.
    1997 HTML 3.2

    1999 HTML 4.01 XHTML 2.0 had even stricter standards


    than 1.0, rejecting web pages that did not
    2000 XHTML 1.0 comply. It fell out of favor gradually and
    was abandoned completely in 2009.
    2002
    -2009 XHTML 2.0 HTML5 is much more tolerant and can
    handle markup from all the prior versions.

    Though HTML5 was published officially in 2012, it


    2012 HTML5
    has been in development since 2004.

    25 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    Tags
     Special formatting codes (called tags) to adjust fonts, create bulleted
    lists,create forms, display images, create tables, etc.
     The left and right angle brackets are used to enclose all special instructions,
    called tags.
     Two classes of tags:
     Those which appear in pairs. -> <i> Good morning </i>
     Those which appear individually(unpaired)->
    <img src=“baby.jpg”>
     •Browsers interpret the tags to display a HTML page in properly formatted
    form.
     HTML: the HTML for the above example:
    This is an example of <b>bold</b> text.

    26 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    Words to know
    Tag - Used to specify ("mark-up") regions of HTML documents for
    the web browser to interpret. Tags look like this: <tag>
    Eg: <p>

    Element - A complete tag, having an opening <tag> and a closing


    </tag>.
    Eg: <p> </p>

    Attribute - Used to modify the value of the HTML element.


    Elements will often have multiple attributes.
    Eg: <p align=“center”> </p>

    27 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    Page Structure
     All normal webpages consist of a head and a body.
    Head
    Body
     The head is used for text and tags that do not show directly on the page.
     The body is used for text and tags that are shown directly on the page.
     Finally, all webpages have an <html> tag at the beginning and the end, telling the browser
    where the document starts and where it stops.
     Example:
    <html>
    <head><!-- This section is for the title and technical info of the page. -->
    </head>
    <body><!-- This section is for all that you want to show on the page. -->
    </body>
    </html>

    28 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    Head Section
     The head section of the webpage includes all the stuff that does not show
    directly on the resulting page.
     The <title> and </title> tags encapsulate the title of your page. The
    title is what shows in the top of your browser window when the page is
    loaded.
     Another thing you will often see in the head section is metatags.
    Metatags are used for, among other things, to improve the rankings in
    search engines.
     Quite often the head section contains javascript which is a programming
    language for more complex HTML pages.
     Finally, more and more pages contain codes for cascading style sheets
    (CSS).CSS is a rather new technique for optimizing the layout of major
    websites.
    29 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024
    Body Section
     The body of the document contains all that can be seen when the user loads the
    page.
     you can learn in detail about all the different aspects of HTML, including:
     Text :Formatting, Resizing, Layout & Listing
     Links : To local pages, To pages at other sites & To bookmarks
     Images : Inserting images (GIF and jpg) & Adding a link to an image
     Backgrounds : Colors & Images
     Tables
     Frames
     Forms

    30 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    HTML Page Format
    <HTML>
    <HEAD>
    <!-- Insert only HEAD tags. This is a comment. -->
    <TITLE> Welcome </TITLE>
    </HEAD>
    <BODY>
    <!-- Insert only BODY tags. -->
    <H1> Hello World </H1>
    <!-- Rest of page goes here.
    This is the multiple line comment. -->
    </BODY>
    </HTML>

    31 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024


    HTML 5 Page Format
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Title of the document</title>
    </head>

    <body>
    Content of the document......
    </body>

    </html>
    32 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024
    In the head section, always write a title: <title>The title of your
    page</title>. Notice how the title will be shown in the upper left corner
    of your browser:

    The title is especially important because it is used by search engines (such


    as Google) to index your website and is shown in the search results.

    33 R.Vijayan / Asso Prof / SITE / VIT 09-01-2024

    You might also like