SlideShare a Scribd company logo
1 of 14
HTML
1.What is HTML?
Ans: Hyper text markup language is used to
create a web pages .It allows plain text to be
formatted like bold, italic etc., We can also
insert images, hyperlinks on a web page
2. What are the main requirements to run html
programme?
1. Internet Browser
2. Html editor – notepad
3.What is the structure or syntax of an Html
programme?
Ans: <html>
<head>
</head>
<body>
</body>
</html>
4. What are the file extensions used by html?
Ans: The file extensions are .html, .htm
5.What are the Head and Body section
Ans: The html document is divided into two
categories
(i) Head Section: <Head> and </head>
tags are used to identify the headings or
titles of document <title>.....</title> to
appear the title in browser
(ii) Body section: The body of html
document contains the text that will
show upon the webpage.The body
section enclosed in between
<body>.....</body>
Example1:
<html>
<head>
<title> My first html document
</title>
</head>
<body>
Welcome to my first html page
</body>
</html>
Example2: for background color
<html>
<head>
<title> My first html document
</title>
</head>
<body bgcolor=’green’>
Welocme to my first html page
</body>
</html>
Example3: <br/> tag
<html>
<head>
<title> My first html document
</title>
</head>
<body >
WelcOme to my first html page
<br/>
my page under construction</body>
</html>
Example 4: paragraph tag
<html>
<head><title> THIS IS HTML PAGE
</TITLE>
</HEAD>
<BODY><P> Computer is an electronic
device .It accepts data as input process the
data and displays the result as output
</body>
</html>
Example 5: for bold italic and underline
<html>
<head><title> THIS IS HTML PAGE
</TITLE>
</HEAD>
<BODY><br/>
<U><I><B>WELCOME TO COMPUTER
LAB</B></I></U>
</BODY>
</HTML>
Example 6:
<html>
<head><title> THIS IS HTML PAGE
</TITLE>
</HEAD>
<BODY>
<MARQUEE> Welcome to my web page ..
My page under construction
</marquee>
</body>
</html>
Example 7:
<html>
<head>
<title> THIS IS HTML PAGE
</TITLE>
</HEAD>
<BODY>
<font size="3" color="red">This is some
text!</font>
<font face="verdana" color="green">This is
some text!</font>
<font size="2" color="blue">This is some
text!</font>
</BODY>
</HTML>
ADVANCED HTML
HTML ATTRIBUTES
1. What are HTML Attributes?
Ans: Attributes provide additional
information about html elements
i) HTML elements can have attributes
ii) Attirbutes are always specified in
the start tag
iii) Attributes come in pairs like
name=’value’
2. What is HTML Hyperlinks
Ans: The HTML <a> tag defines a
hyperlink or link is word or group of
words, or image that you can click on to
jump to another document.
3. Write the syntanx for hyperlink
Ans: HTML links are defined with < a>
tag. The link address is specified in the
href attribute.
Syntax:
< a href= “default.htm”>
Example:
<a href=http://www.google.com> this is
a link </a>
4. What does the href attribute contain?
Ans: The HREF is an attribute of
the anchor tag, which is also used to
identify sections within a document. The
HREF contains two components: the
URL, which is the actual link, and the
clickable text that appears on the page,
called the "anchor text."
5. How to insert image in html
Ans: Images are not technically inserted
into a HTML Page. Images are linked to
HTML pages.
The < img> tag creates a holding space
for the referenced image. It is specified
with src attribute.In html the <img> tag
has no end tag.It has two attributes src
and alt.
6. What is ALT in IMG tag?
Ans: The required alt attribute specifies an
alternate text for an image, if the image cannot
be displayed. The alt attribute provides
alternative information for an image if a user
for some reason cannot view it because of slow
connection, an error in the src attribute.
7. Write a HTML program for hyperlink
<html>
<head>
<title> Hyperlink
</title>
<body bgcolor=”yellow”>
<a href=https://www.google.co.in/> Go to
google page </a>
</body>
</head>
</html>
8. Write a html program to insert
image
<HTML>
<HEAD>
<TITLE>Image
</TITLE>
<BODY>
<IMG SRC=”C:Userskv2user backup
2017DesktopFILENAME.JPEG”>
</BODY>
</HEAD>
</HTML>
HTML TABLES
1. What is the HTML tag for a table?
Ans Tables are defined with <table> tag.
A table is divided into rows (with the
<tr> tag) each row is divided into data
cells (with the <td> tag), td stands for
‘Table Data’ and holds the content of a
data cell. A <td> tag contain text, links,
images, lists ,forms and other tables etc.,
2. Write a html program to insert a table
<html>
<table border=”1”>
<tr>
<td> S.NO</td>
<td>S.NAME </td>
<TD> TOTAL MARKS</TD>
</tr>
<tr>
<td>1</td>
<td> XYZ </td>
<TD>600</TD>
</tr>
</table>
</html> If you donot specify a border
attribute , the table will be displayed without
borders.
3. Which is the HTML tag to give heading for
the table?
Ans: Header information in a table are
defined with the <th> tag.All major browsers
are display the text in the <th> element as
bold and centered.
Example:
<html>
<table border=”1”>
<tr>
<th>s.no</th>
<th>s.name</th>
<th>marks</th>
</tr>
<tr>
<td> 1</td>
<td>xyz</td>
<td>600</td>
</tr>
</table>
</html>
4.What is html caption tag?
Ans: The <caption> tag defines a table
caption.
The <caption> tag must be inserted
immediately after the <table> tag. You can
specify only one caption per table.
Example:
<html>
<table border="1">
<caption>Class x students data </caption>
<tr>
<th>s.no</th>
<th>s.name</th>
<th>d.o.b</th>
<th>sex</th>
</tr>
<tr>
<td>1</td>
<td>xyz</td>
<td>1-08-2018</td>
<td>GIRL</td>
</tr>
</table>
</html>
HTML Table Tags
Tag Description
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td>
Defines a cell in a table
<tc> Defines table caption
CLASS VII COMPUTERS HTML

More Related Content

What's hot (20)

Html
HtmlHtml
Html
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Html coding
Html codingHtml coding
Html coding
 
HTML practicals
HTML practicals HTML practicals
HTML practicals
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
HTML
HTMLHTML
HTML
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTML
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Web development using html 5
Web development using html 5Web development using html 5
Web development using html 5
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html
HtmlHtml
Html
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 

Similar to CLASS VII COMPUTERS HTML

Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)Anuj Singh Rajput
 
HTML Basics 1 workshop
HTML Basics 1 workshopHTML Basics 1 workshop
HTML Basics 1 workshopJohn Allan
 
Title, heading and paragraph tags
Title, heading and paragraph tagsTitle, heading and paragraph tags
Title, heading and paragraph tagsSara Corpuz
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you needDipen Parmar
 
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfHSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfAAFREEN SHAIKH
 
3 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp023 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp02Aditya Varma
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basicsMinea Chem
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basicsNikita Garg
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basicsxu fag
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 

Similar to CLASS VII COMPUTERS HTML (20)

HTML and CSS part 1
HTML and CSS part 1HTML and CSS part 1
HTML and CSS part 1
 
Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)
 
HTML Basics 1 workshop
HTML Basics 1 workshopHTML Basics 1 workshop
HTML Basics 1 workshop
 
Html
HtmlHtml
Html
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Title, heading and paragraph tags
Title, heading and paragraph tagsTitle, heading and paragraph tags
Title, heading and paragraph tags
 
Html
HtmlHtml
Html
 
HTML guide for beginners
HTML guide for beginnersHTML guide for beginners
HTML guide for beginners
 
Html 5
Html 5Html 5
Html 5
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfHSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf
 
Html basics
Html basicsHtml basics
Html basics
 
3 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp023 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp02
 
About html
About htmlAbout html
About html
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 

More from Rc Os

Dove
DoveDove
DoveRc Os
 
CLASS IV ENGLISH
CLASS IV ENGLISHCLASS IV ENGLISH
CLASS IV ENGLISHRc Os
 
CLASS 4 MATHS
CLASS 4 MATHSCLASS 4 MATHS
CLASS 4 MATHSRc Os
 
CLASS 4 MATHS
CLASS 4 MATHSCLASS 4 MATHS
CLASS 4 MATHSRc Os
 
CLASS III MATHS
CLASS III MATHS CLASS III MATHS
CLASS III MATHS Rc Os
 
CLASS III MATHS
CLASS III MATHSCLASS III MATHS
CLASS III MATHSRc Os
 
Changing times.
Changing times.Changing times.
Changing times.Rc Os
 
3 class english
3 class english3 class english
3 class englishRc Os
 
Clss ii english-the mouse---
Clss ii  english-the mouse---Clss ii  english-the mouse---
Clss ii english-the mouse---Rc Os
 
Rainbow
RainbowRainbow
RainbowRc Os
 
NUMBERS 1 TO 20
NUMBERS 1 TO 20NUMBERS 1 TO 20
NUMBERS 1 TO 20Rc Os
 
TIME
TIMETIME
TIMERc Os
 
MEASUREMENTS
MEASUREMENTSMEASUREMENTS
MEASUREMENTSRc Os
 
DATA HANDLING
DATA HANDLINGDATA HANDLING
DATA HANDLINGRc Os
 
patterns
 patterns patterns
patternsRc Os
 
Who is heavier
Who is heavierWho is heavier
Who is heavierRc Os
 
Sundari
SundariSundari
SundariRc Os
 
The tiger and the mosquitoe
The tiger and the mosquitoeThe tiger and the mosquitoe
The tiger and the mosquitoeRc Os
 
Photoshop
PhotoshopPhotoshop
PhotoshopRc Os
 
COMPUTERS Database
COMPUTERS Database COMPUTERS Database
COMPUTERS Database Rc Os
 

More from Rc Os (20)

Dove
DoveDove
Dove
 
CLASS IV ENGLISH
CLASS IV ENGLISHCLASS IV ENGLISH
CLASS IV ENGLISH
 
CLASS 4 MATHS
CLASS 4 MATHSCLASS 4 MATHS
CLASS 4 MATHS
 
CLASS 4 MATHS
CLASS 4 MATHSCLASS 4 MATHS
CLASS 4 MATHS
 
CLASS III MATHS
CLASS III MATHS CLASS III MATHS
CLASS III MATHS
 
CLASS III MATHS
CLASS III MATHSCLASS III MATHS
CLASS III MATHS
 
Changing times.
Changing times.Changing times.
Changing times.
 
3 class english
3 class english3 class english
3 class english
 
Clss ii english-the mouse---
Clss ii  english-the mouse---Clss ii  english-the mouse---
Clss ii english-the mouse---
 
Rainbow
RainbowRainbow
Rainbow
 
NUMBERS 1 TO 20
NUMBERS 1 TO 20NUMBERS 1 TO 20
NUMBERS 1 TO 20
 
TIME
TIMETIME
TIME
 
MEASUREMENTS
MEASUREMENTSMEASUREMENTS
MEASUREMENTS
 
DATA HANDLING
DATA HANDLINGDATA HANDLING
DATA HANDLING
 
patterns
 patterns patterns
patterns
 
Who is heavier
Who is heavierWho is heavier
Who is heavier
 
Sundari
SundariSundari
Sundari
 
The tiger and the mosquitoe
The tiger and the mosquitoeThe tiger and the mosquitoe
The tiger and the mosquitoe
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
COMPUTERS Database
COMPUTERS Database COMPUTERS Database
COMPUTERS Database
 

Recently uploaded

Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Introduction to TechSoup’s Digital Marketing Services and Use Cases
Introduction to TechSoup’s Digital Marketing  Services and Use CasesIntroduction to TechSoup’s Digital Marketing  Services and Use Cases
Introduction to TechSoup’s Digital Marketing Services and Use CasesTechSoup
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxCeline George
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
Simple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfSimple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfstareducators107
 
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfUGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfNirmal Dwivedi
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
dusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningdusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningMarc Dusseiller Dusjagr
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfPondicherry University
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
Play hard learn harder: The Serious Business of Play
Play hard learn harder:  The Serious Business of PlayPlay hard learn harder:  The Serious Business of Play
Play hard learn harder: The Serious Business of PlayPooky Knightsmith
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...EADTU
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17Celine George
 

Recently uploaded (20)

Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Introduction to TechSoup’s Digital Marketing Services and Use Cases
Introduction to TechSoup’s Digital Marketing  Services and Use CasesIntroduction to TechSoup’s Digital Marketing  Services and Use Cases
Introduction to TechSoup’s Digital Marketing Services and Use Cases
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Simple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfSimple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdf
 
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfUGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
dusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningdusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learning
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Play hard learn harder: The Serious Business of Play
Play hard learn harder:  The Serious Business of PlayPlay hard learn harder:  The Serious Business of Play
Play hard learn harder: The Serious Business of Play
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 

CLASS VII COMPUTERS HTML

  • 1. HTML 1.What is HTML? Ans: Hyper text markup language is used to create a web pages .It allows plain text to be formatted like bold, italic etc., We can also insert images, hyperlinks on a web page 2. What are the main requirements to run html programme? 1. Internet Browser 2. Html editor – notepad 3.What is the structure or syntax of an Html programme? Ans: <html> <head> </head> <body> </body> </html> 4. What are the file extensions used by html? Ans: The file extensions are .html, .htm 5.What are the Head and Body section
  • 2. Ans: The html document is divided into two categories (i) Head Section: <Head> and </head> tags are used to identify the headings or titles of document <title>.....</title> to appear the title in browser (ii) Body section: The body of html document contains the text that will show upon the webpage.The body section enclosed in between <body>.....</body> Example1: <html> <head> <title> My first html document </title> </head> <body> Welcome to my first html page </body> </html> Example2: for background color
  • 3. <html> <head> <title> My first html document </title> </head> <body bgcolor=’green’> Welocme to my first html page </body> </html> Example3: <br/> tag <html> <head> <title> My first html document </title> </head> <body > WelcOme to my first html page <br/> my page under construction</body> </html>
  • 4. Example 4: paragraph tag <html> <head><title> THIS IS HTML PAGE </TITLE> </HEAD> <BODY><P> Computer is an electronic device .It accepts data as input process the data and displays the result as output </body> </html> Example 5: for bold italic and underline <html> <head><title> THIS IS HTML PAGE </TITLE> </HEAD> <BODY><br/> <U><I><B>WELCOME TO COMPUTER LAB</B></I></U> </BODY> </HTML>
  • 5. Example 6: <html> <head><title> THIS IS HTML PAGE </TITLE> </HEAD> <BODY> <MARQUEE> Welcome to my web page .. My page under construction </marquee> </body> </html>
  • 6. Example 7: <html> <head> <title> THIS IS HTML PAGE </TITLE> </HEAD> <BODY> <font size="3" color="red">This is some text!</font> <font face="verdana" color="green">This is some text!</font> <font size="2" color="blue">This is some text!</font> </BODY> </HTML>
  • 7. ADVANCED HTML HTML ATTRIBUTES 1. What are HTML Attributes? Ans: Attributes provide additional information about html elements i) HTML elements can have attributes ii) Attirbutes are always specified in the start tag iii) Attributes come in pairs like name=’value’ 2. What is HTML Hyperlinks Ans: The HTML <a> tag defines a hyperlink or link is word or group of words, or image that you can click on to jump to another document. 3. Write the syntanx for hyperlink Ans: HTML links are defined with < a> tag. The link address is specified in the href attribute. Syntax: < a href= “default.htm”> Example: <a href=http://www.google.com> this is a link </a>
  • 8. 4. What does the href attribute contain? Ans: The HREF is an attribute of the anchor tag, which is also used to identify sections within a document. The HREF contains two components: the URL, which is the actual link, and the clickable text that appears on the page, called the "anchor text." 5. How to insert image in html Ans: Images are not technically inserted into a HTML Page. Images are linked to HTML pages. The < img> tag creates a holding space for the referenced image. It is specified with src attribute.In html the <img> tag has no end tag.It has two attributes src and alt. 6. What is ALT in IMG tag? Ans: The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it because of slow connection, an error in the src attribute.
  • 9. 7. Write a HTML program for hyperlink <html> <head> <title> Hyperlink </title> <body bgcolor=”yellow”> <a href=https://www.google.co.in/> Go to google page </a> </body> </head> </html> 8. Write a html program to insert image <HTML> <HEAD> <TITLE>Image </TITLE> <BODY> <IMG SRC=”C:Userskv2user backup 2017DesktopFILENAME.JPEG”> </BODY> </HEAD> </HTML>
  • 10. HTML TABLES 1. What is the HTML tag for a table? Ans Tables are defined with <table> tag. A table is divided into rows (with the <tr> tag) each row is divided into data cells (with the <td> tag), td stands for ‘Table Data’ and holds the content of a data cell. A <td> tag contain text, links, images, lists ,forms and other tables etc., 2. Write a html program to insert a table <html> <table border=”1”> <tr> <td> S.NO</td> <td>S.NAME </td> <TD> TOTAL MARKS</TD> </tr> <tr> <td>1</td> <td> XYZ </td> <TD>600</TD> </tr> </table> </html> If you donot specify a border attribute , the table will be displayed without borders.
  • 11. 3. Which is the HTML tag to give heading for the table? Ans: Header information in a table are defined with the <th> tag.All major browsers are display the text in the <th> element as bold and centered. Example: <html> <table border=”1”> <tr> <th>s.no</th> <th>s.name</th> <th>marks</th> </tr> <tr> <td> 1</td> <td>xyz</td> <td>600</td> </tr> </table> </html> 4.What is html caption tag? Ans: The <caption> tag defines a table caption.
  • 12. The <caption> tag must be inserted immediately after the <table> tag. You can specify only one caption per table. Example: <html> <table border="1"> <caption>Class x students data </caption> <tr> <th>s.no</th> <th>s.name</th> <th>d.o.b</th> <th>sex</th> </tr> <tr> <td>1</td> <td>xyz</td> <td>1-08-2018</td> <td>GIRL</td> </tr> </table> </html>
  • 13. HTML Table Tags Tag Description <th> Defines a header cell in a table <tr> Defines a row in a table <td> Defines a cell in a table <tc> Defines table caption