Scribd Logo
Upload

Welcome to Scribd!

  • By Greeshma K V

    Uploaded by

    Greeshmakv
    23 views19 pages
    HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, lists, and other elements. An HTML document has a basic structure, including a <head> section and <body> section wrapped in <html> tags. It contains various elements like headings, paragraphs, lists, and more. Common HTML tags include headings, paragraphs, lists, breaks, and more to structure content.

    Original Description:

    HTML Basics

    Original Title

    HTML

    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 standard markup language used to create web pages. It uses tags to define headings, paragraphs, lists, and other elements. An HTML document has a basic structure, including a <head> section and <body> section wrapped in <html> tags. It contains various elements like headings, paragraphs, lists, and more. Common HTML tags include headings, paragraphs, lists, breaks, and more to structure content.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    23 views19 pages

    By Greeshma K V

    Uploaded by

    Greeshmakv
    HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, lists, and other elements. An HTML document has a basic structure, including a <head> section and <body> section wrapped in <html> tags. It contains various elements like headings, paragraphs, lists, and more. Common HTML tags include headings, paragraphs, lists, breaks, and more to structure content.

    Copyright:

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

    HTML

    by
    Greeshma K V
    TABLE OF CONTENTS
    • HTML-hypertext
    • Hyper media,
    • Basic HTML tools
    * HTML editor
    * Web browser
    • General structure of HTML document
    • Different types of elements
    * doc type
    * comment element
    * structural element
    • HTML tags and attributes
    Introduction to HTML
    • HTML – Hypertext Markup Language, the language used to
    design web pages.
    • HTML – Tim Berners-Lee – 1989
    • HTML is based on SGML (Standard Generalized Markup
    Language) – International Standard for text markup
    • HTML 2.0 – 1995
    HTML-hypertext
    • Hypertext is basically the same as regular text - it can
    be stored, read, searched, or edited - with an important
    exception: hypertext is text with pointers to other text.
    The browsers let you deal with the pointers in a
    transparent way -- select the pointer, and you are
    presented with the text that is pointed to.
    Hyper media
    • Hypermedia is a superset of hypertext. Hypermedia
    documents contain links not only to other pieces of
    text, but also to other forms of media - sounds,
    images, and movies. Images themselves can be
    selected to link to sounds or documents. This means
    that browsers might not display a text file, but might
    display images or sound or animations. Hypermedia
    simply combines hypertext and multimedia.
    Basic HTML tools
    HTML editor
    • A software application for creating web pages
    • There are various forms of HTML editors:
    • Text Editors
    • Notepad, TextEdit, Vim
    • Source Code Editor
    • Notepad++, NetBeans IDE
    • WYSIWYG (What You See Is What You Get) HTML Editors
    • Adobe’s ColdFusion and Dreamweaver, RapidWeaver
    • WYSIWYM (What You See Is What You Mean) Editors
    • WYMeditor
    Basic HTML tools
    Web browser
    • A software application for retrieving, presenting and traversing
    information resources on the WWW.
    • A wide range of Web browsers
    • Mozilla Firefox
    • Google Chrome
    • Safari
    • Opera
    HTML Documents
    • All HTML documents must start with a document
    type declaration: <!DOCTYPE html>.
    • The HTML document itself begins with <html> and
    ends with </html>.
    • The visible part of the HTML document is
    between <body> and </body>.
    General structure of HTML document
    • An HTML document is composed of three parts:
    • A line containing HTML document type
    • The !DOCTYPE Declaration
    • A declarative header element (delimited by the HEAD tag)
    • The Document’s HEAD
    • A body, which contains the document’s actual content (delimited by
    BODY tag)
    • The Document’s BODY
    • Both the head and the body must be enclosed in
    <html>…..</html>
    General structure of HTML document
    General structure of HTML document
    HTML Elements
    • An HTML element usually consists of a start tag and an end tag,
    with the content inserted in between:
    • <tagname>Content goes here...</tagname>
    • The HTML element is everything from the start tag to the end tag:
    • <p>My first paragraph.</p>

    Start tag Element content End tag


    <h1> My First Heading </h1>
    <p> My first paragraph. </p>
    <br>    
    • HTML elements with no content are called empty elements.
    Empty elements do not have an end tag, such as the <br> element
    (which indicates a line break).
    Structural Elements
    • body
    • br (<br>)
    • hr (<hr>)
    • h1 to h6 (<h1>…</h1> to <h6>…</h6>)
    • head (<head>…</head>)
    • Html (<html>…</html>)
    • p (<p>…</p>)
    Head Elements
    • base (<base href=“url”> </base>)
    • title (<title>…</title>
    List Elements
    • List elements include all the elements related to lists – ordered
    lists, unordered lists, and the less-common definition list – as
    well as the attributes that are unique to these elements.
    • HTML offers web authors three ways for specifying lists of
    information. All lists must contain one or more list elements.
    Lists may contain −
    • <ul> − An unordered list. This will list items using plain
    bullets.
    • <ol> − An ordered list. This will use different schemes of
    numbers to list your items.
    • <dl> − A definition list. This arranges your items in the same
    way as they are arranged in a dictionary.
    HTML List Tags

    Tag Description
    <ul> Defines an unordered list
    <ol> Defines an ordered list
    <li> Defines a list item
    <dl> Defines a description list
    <dt> Defines a term in a description list
    <dd> Describes the term in a description
    list
    Text Formatting Elements
    • b (<b>…</b>)
    • bdo (<bdo dir=“ {ltr|rtl} “>…</bdo>)
    • big (<big>…</big>)
    • center (<center>…</center>)
    • comment (<comment>…</comment>)
    THANK YOU

    You might also like