Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    IndhuMathi
    13 views16 pages
    HTML is the markup language used to structure and present content on the web. It uses tags to define headings, paragraphs, images and other page elements. An HTML file must have an .htm or .html file extension and contains tags like <html>, <head>, <title>, <body> to define the overall page structure. Common tags include <h1> - <h6> for headings, <p> for paragraphs, <img> to embed images, and <b>, <i>, <u> for text styling. The document provides an example of basic HTML code and instructions for inserting an image into a web page.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML is the markup language used to structure and present content on the web. It uses tags to define headings, paragraphs, images and other page elements. An HTML file must have an .htm or .html file extension and contains tags like <html>, <head>, <title>, <body> to define the overall page structure. Common tags include <h1> - <h6> for headings, <p> for paragraphs, <img> to embed images, and <b>, <i>, <u> for text styling. The document provides an example of basic HTML code and instructions for inserting an image into a web page.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views16 pages

    HTML

    Uploaded by

    IndhuMathi
    HTML is the markup language used to structure and present content on the web. It uses tags to define headings, paragraphs, images and other page elements. An HTML file must have an .htm or .html file extension and contains tags like <html>, <head>, <title>, <body> to define the overall page structure. Common tags include <h1> - <h6> for headings, <p> for paragraphs, <img> to embed images, and <b>, <i>, <u> for text styling. The document provides an example of basic HTML code and instructions for inserting an image into a web page.

    Copyright:

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

    HTML

    Hyper text Markup Language


    AGENDA
    • Introduction
    • Prerequisites
    • HTML tags
    • HTML Elements and Description
    • Structure of HTML
    • Sample Coding
    • Inserting Images
    • Queries
    INTRODUCTION

    • HTML is the building block for web pages (ie) language for describing web pages.

    • HTML stands for Hypertext Markup Language.

    • It tells how to format and display the web page.

    • It was introduced by Tim Burner’s Lee.

    • An HTML file is a text file containing small markup tags

    • An HTML file must have an .htm or .html file extension


    PREREQUISITES

    • Text editor, such as Notepad, Notepad++

    • Internet browser, such as Internet Explorer, Google Chrome, Microsoft Edge, Opera,

    Firefox, etc.
    HTML TAGS

    • HTML tags are keyword surrounded by angle brackets (ie) <….>

    • HTML tags are not case sensitive.

    • Tag contains two types:

    • Stand alone Tag –> self closing tag. Eg:<br/>

    • Container Tag -> start and end tag. Eg: <b>… </b>
    HTML ELEMENTS AND
    DESCRIPTION

    Start Tag End Tag Description

    <html> </html> It marks the start of an html doc.

    <head> </head> Represents the document’s


    header.

    <title> </title> Used to mention the document


    title

    <body> <body> Represents the conents of web


    page- text, images, sound.
    Start Tag End Tag Attributes Description

    <b> </b> None Display text in Bold

    <I> </I> - Display text in Italic

    <u> </u> - Display text in underline

    <hr/> - Size, width, align, color It is used to draw lines and


    (horizontal rules) horizontal rules

    <h1>, <h2>….<h6> </h1>, </h2>…..</h6> - Represent heading tags in


    Section heading different size

    <p> </p> Align Used to write paragraph


    alignment

    <br> - - Used to insert new line or


    insert enter

    <font> </font> Size, align, color, Face It specifies the colors, size of
    the text
    STRUCTURE OF HTML

    <HTML>
    <HEAD>
    <TITLE>……. </TITLE>
    </HEAD>
    <BODY>
    .
    .
    .
    .
    </BODY>
    </HTML>
    SAMPLE CODING

    <html>
    <head>
    <title>My first page </title>
    </head>
    <body bgcolor="percheff" text="red">
    <center><h1> My Page </h1></center>
    Welcome to my page
    <b><h5><left>Hi bold</b></h5></left><br>
    <i><h4><p align=right>hi italic </i><h5></p><br>
    <u><h3><center>hi underline </u></h3></center>
    <br> <font size="20">first line </font>
    <br> <font color="black", size="30"> second line </font>
    </body>
    </html>
    OUTPUT
    INSERTING IMAGES

    • Image tag is used to incorporate graphics into an HTML document.

    • Any images can be added to a webpage, provide with file format.(jpeg, gif)

    Image tag:

    <img src= "1.png" border=“2” width="300",height="400“ align=“center/><br>


    EXAMPLE

    <html>
    <head>
    <title>My first page </title>
    </head>
    <body bgcolor="percheff" text="red">
    <center><h1> My Page </h1>
    <img src= "indhu.jpg" width="400",height="400"/>
    </center>
    </body>
    </html>
    HOW TO SAVE IMAGE FILE

    • Create a new folder on the desktop or in My documents.

    • Open the folder and paste the picture

    • Save the text document in same folder with extension (ie).html

    • Open the webpage using Browser


    OUTPUT
    QUERIES???
    THANK YOU

    You might also like