• Home
  • Courses
  • School
  • Programs
  • Problems
  • Contact Us
  • My account
  • Register

Have any question?

(+91) 98222 16647
info@simplycoding.in
RegisterLogin
Simply Coding
  • Home
  • Courses
  • School
  • Programs
  • Problems
  • Contact Us
  • My account
  • Register

HTML

HTML Overview Notes

  • Categories HTML, Web Designing, HTML
HTML Notes

HTML OVERVIEW

Q 1. What is HTML?

Ans:      

HTML (Hyper Text Markup Language) is a markup language used for creating web pages and web applications.

Q 2. What is Hyper Text?

Ans:      

Hyper Text means “Text within Text”. A text which has a link within it, is a hypertext.

Q 3. What is a markup language?

Ans:      

A markup language is a language which uses tags to define elements within a document. It uses human readable tags for formatting, both the layout and style, within a text file. E.g. HTML, XHTML and XML.

Q 4. Who is Father of HTML?

Ans:      

Tim Berners-Lee proposed HTML in 1989 – 1991.

Q 5. What are some common HTML editors?

Ans:      

Notepad, Eclipse, CoffeeCup, Visual Studio etc.

Q 6. What are features of HTML?

 Ans:

    1. It is a very easy and simple language. It can be easily understood and modified.
    2. It is a markup language so it provides a flexible way to design web pages along with the text.
    3. It is platform-independent because it can be displayed on any platform like Windows, Linux and Macintosh etc.
    4. It facilitates the programmer to add Graphics, Videos, and Sound to the web pages which makes it more attractive and interactive.

Q 7. What are tags?

Ans:      

Tags are coded  HTML commands which indicates how web page should be formatted and displayed. E.g a tag for a paragraph is

E.g a tag for a paragraph is

 <p> </p>

Q 8. What is an attribute?

Ans:      

Attribute is a special word used inside the OPENING tag to specify additional information to tag such as color etc. For e.g. an attribute to align paragraph is

<p align=”LEFT”>

Q 9. What is an element?

Ans:      

Element represent one complete component with opening tag, closing tag and content in between them. They are of 2 types

    1. Container Element: These are ones which have tags in pairs, starting and closing tag.
      E.g <p>… </p>
    2. Empty/Void Element: They require only the starting tag.
      E.g<BR>, <HR>, <IMG> etc. 
      They can be written in 3 ways –
      <BR>, <BR></BR> and <BR/>

 

Q 10. What is a typical structure of HTML?

Ans:      

Every HTML document follows this structure

>     <HTML>

               <HEAD>

                </HEAD>

                <BODY>

                </BODY>

>     </HTML>

Q 11. What is <HTML> tag?

Ans:      

    • <HTML> tag identifies the document as HTML document.
    • It has an optional attribute to specify language
    • Eg.
<html lang=”en”>

Q 12. What is <HEAD> tag?

Ans:      

The <HEAD> tag contains metadata (information about webpage) and instructions for the browser that is not directly visible on the web page

HTML HEAD SECTION

  1. DOCTYPE: It tells the browser what version of HTML is used.
    1. It is at the top of the document. (note: it is not in head, not even within HTML tag)
    2. It is not an HTML tag.
  2. Title: Used to define the title of the document
    1. It defines a title in the browser tab.
    2. It provides a title for the page when it is added to favorites.
    3. It displays a title for the page in search engine results.
    4. E.g. <title>Simply Coding </title> 
  3. Link: Used to link an external style sheet to your webpage.
E.g. <link rel="stylesheet" href="external.css">
  1. Meta: Used to specify information about the HTML document like, character set, page description, keywords, author etc.
    1. Metadata will not be displayed on the page, but will be machine parsable.
    2. Metadata is always passed as name/value pairs.
      1. E.g. <meta charset="UTF-8"> 
      2.   <meta name="keywords" content="HTML, Coding">  // Keyword for browser search
      3.  <meta name="author" content="rekha">
      4.  <meta name="description" content="Learning HTML"> //Description of web page
      5.  <meta name="viewport" content="width=device-width, initial-scale=1.0"> // to display content on multiple devices.
      6.  <meta http-equiv="refresh" content="30"> //refresh doc every 30 secs.
  2. Basefont: Used to specify default text-color, face and font-size for text on page
Eg. <basefont color="red" face="courier, serif" size="5">
  1. Style: Used to style the HTML page. Recommended to be part of CSS now.

 *****************

HTML TEXT FORMATTING TAGS USED IN THE BODY

 

Q 13. What is <BODY> element?

Ans:

The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. This is the entire content of the web page. It has following attributes

      1. Background: To display a background image
      2. Bgcolor: To specify background color
      3. Text: To specify text color
      4. Link: To specify link which has not been visited color
      5. Vlink: To specify link which has been visited color
      6. alink: To specify link color which appears briefly when clicked.
      7. Leftmargin: Specifies blank area which is left from the left edge of the page.
      8. Topmargin:Specifies blank area which is left from the top edge of the page.

HTML Text Tags

HTML formatting is a process of formatting text for better look and feel. There are 12 formatting tags

  1. BOLD <b> …</b> :Content is shown in bold letters.
  2. STRONG <strong> </strong>: Defines important text //has same effect as bold.
  3. Italic <i>… </i> : Content is shown in italic letters
  4. MARK <mark></Mark>: Content is shown highlighted or marked.
  5. UNDERLINED <u></u>: Content is shown underlined.
  6. STRIKE <strike></strike>: Content is shown displayed with strikethrough.
  7. MONOSPACED <tt></tt>: Content is shown with each letter has the same width.
  8. SUPERSCRIPED <sup></sup>: Content is displayed half char height above the other chars
  9. SUBSCRIPT <sub></sub>: Content is displayed half char height below the other chars
  10. DELETED <del></del>: Content is displayed as deleted text.
  11. INSERTED <ins></ins>: Content is displayed as inserted text.
  12. LARGER <big></big>: Content is displayed a font size larger.
  13. SMALLER <small></small>: Content is shown a font size smaller.

Unclosed HTML Tags

Some HTML tags are not closed, for example br and hr.

  1. <BR> Tag: br stands for break line, it breaks the line of the code.
  2. It is required as all the extra lines and unnecessary spaces are removed by the browser.
  3. <HR> Tag: HR stands for Horizontal Rule. This tag is used to put a line across the webpage.
  4. It has attributes of size, width, noshade, color
  5. g. <HR size = 12 width = “30%” noshade color = blue>
  6. <!–– …  ––> Tag: This is the comment tag used to only add detail in source code but is not rendered by the browser.
  7. <IMG> Tag: Covered below

HTML Special Characters

There are some special characters that make up the HTML language. If we try to use one of these, the browser will try to interpret it as HTML. Therefore we need to use the entity name or entity number when we want to output any of these reserved characters.

CharacterEntity NameEntity Name
“"quotation mark
‘&Apostrophe
&&Ampersand
<<less-than
>>greater-than

HTML Image Tag

  1. <img> : Used to display image on the web page.
  2. It has attributes SRC – It gives the image file URL. and ALT – It gives the alternate text. (Does not work in chrome)
  3. Syntax - <imgsrc=".." alt="…"/>
  4. Example - <imgsrc="img.jpg" alt="Good Morning"/>
  5. Contains attributes only
  6. Does not have closing tags
  7. Optional attribute – width and height used to display the image. Align attribute has options top, bottom, middle, left, right. (Recommended to apply CSS in HTML5)
  8. Can display GIF (Graphics Interchange Format), JPEG or XBM (X bitmap)

 

HTML Link Tags

  1. ANCHOR : defines a hyperlink which used to give the address of the destination page
  2. Syntax -<a href = "..........."> Link Text </a>
  3. Example - <a href="second.html">Click for Second Page</a>
    1. An unvisited link is displayed underlined and blue.
    2. A visited link displayed underlined and purple.
    3. An active link is underlined and red.
  • Share:
author avatar
Simply Coding

Previous post

Information Security Provisions
August 19, 2020

Next post

E-services
August 24, 2020

You may also like

HTML Table tags
HTML Table Tags
14 June, 2021
HTML List
HTML List Tags
14 June, 2021
Audio and Video tag in HTML
HTML Audio and Video tags
14 June, 2021

Leave A Reply Cancel reply

You must be logged in to post a comment.

Categories

  • Uncategorized
  • Programs
    • Python
    • Java
  • Problems
    • Python
    • Java
    • Web Development
      • Internet
    • Emerging Technologies
  • Notes
    • General
    • QBasic
    • MS Access
    • Web Development
      • XML
      • HTML
      • JavaScript
      • Internet
    • Database
    • Logo Programming
    • Scratch
    • Emerging Trends
      • Artificial Intelligence
      • Internet of Things
      • Cloud Computing
      • Machine Learning
    • Computer Fundamentals
      • Computer Networks
      • E-Services
      • Computer Hardware
    • Python
    • Java
  • School
    • ICSE
      • Computers Class 9
        • Java Introduction
        • Tokens & Data Types
        • Java Operators
        • Math Library
        • if & switch
        • For & While
        • Nested loops
      • Computer Class 10
        • Sample Papers
        • OOPS concepts
        • Functions in Java
        • Constructors
        • Arrays in Java
        • Strings in Java
    • SSC
      • IT Class 11
        • IT Basics
        • DBMS
        • Web Designing
        • Cyber Laws
      • IT Class 12
        • Web Designing
        • SEO
        • Advanced JavaScript
        • Emerging Tech
        • Server Side Scripting
        • E-Com & E-Gov
      • Computer Science 11
      • Computer Science 12
    • CBSE
      • Computer 9
        • Basics of IT
        • Cyber Safety
        • Scratch
        • Python
      • Computer 10
        • Sample Papers
        • Networking
        • HTML
        • Cyber Ethics
        • Scratch
        • Python
      • Computer Science 11
        • Computer Systems
        • Python 11
          • Python Basics
          • Python Tokens
          • Python Operators
          • Python if-else
          • Python loops
          • Python Strings
          • Python List
          • Python Tuple
          • Python Dictionary
          • Python Modules
        • Data Management
      • Computer Science 12
        • Sample Papers
        • Python 12
          • Python Functions
          • Python File Handling
          • Python Libraries
          • Python Recursion
          • Data Structures
        • Computer Networks
        • Data Management
    • ISC
      • Computer Science 11
        • Introduction to Java
        • Values & Data Types
        • Operators
        • if & switch
        • Iterative Statements
        • Functions
        • Arrays
        • String
        • Data Structures
        • Cyber Ethics
      • Computer Science 12
        • Sample Papers
        • Boolean Algebra
        • OOPS
        • Wrapper Classes
        • Functions
        • Arrays
        • String
Simply Coding Computer Courses for School                Privacy Policy     Terms of Use     Contact Us

© 2021 Simply Coding

Login with your site account

Lost your password?

Not a member yet? Register now

Register a new account

Are you a member? Login now