HTML
Hyper Text Markup Language
Q1 Explain the use of HTML
HTML stands for hyper text markup language. It is a hyper text markup language used
to create web pages. It is written in the form of HTML elements. Markup language
means tags are used to define the page layout and elements within the page. Its main
focus is on how to display information on web pages,
Q2 Explain the following terms
Website
A website is a location on the World Wide Web (Internet), and it's usually a collection of online
web pages, which can be accessed with a domain name. A website is composed of many web
pages, documents and files which have unique addresses (URL), usually organized into a
hierarchy
Web Browser
The web browser is the program you are using while browsing the Internet.
Web Server
It Is a computer system where websites are hosted and when you try to access a site you
basically send a request to a web server to serve you with the content for that specific URL
Client And Server Side
We have to distinguish client and server side operations. Server-side code runs on the
server, using languages supported by the server (PHP, Java, C#). Client-side programs runs
on the client machine and are executed by the web browser (JavaScript)
Q3 Explain the types of tags
TYPES OF TAGS
OPEN TAG-THE TAGS WHICH WE ARE NOT SUPPOSE TO CLOSE BY USING THE (/)
ARE CALLED OPEN TAG e.g. <br> line break
CLOSE TAG-THE TAGS WHICH WE ARE SUPPOSE TO CLOSE BY USING THE (/) AND
ARE CALLED CLOSE TAG e.g. <TITLE> </TITLE> FOR THE PAGE TITILE
ATTRIBUTE –ARE THE PROPERTIES RELATED TO TAGS WHICH HELPS IN MODIFYING
THE TAGS ACCORDING TO USER
<BODY BGCOLOR=”GREEN”>
ATTRIBUTES ARE WRITTEN INSIDE THE TAG BY GIVING ONE SPACE AFTER THE TAG
Q4 Explain the fixed structure of HTML
<HTML>
<HEAD>
<TITLE>MY FIRST PAGE</TITLE>
(WILL NOT BE DISPALYED ON THE PAGE)
</HEAD>
<BODY>
(WILL BE DISPALYED ON THE PAGE)
</BODY>
</HTML>
Q5 Text related tags in HTML
<html>
<head>
<title>My first webpage </title>
</head>
<Body bgcolor=“green”> <b>=Bold
<i>=Italic
this is my first webpage and class VIII<br> will have only html in finals <u>=Underline
<b>Class VIII A</b> <h1>=Biggest Heading
<h6>=Smallest Heading
<i>Class VIII B</i> <P>=Paragraph
<u>Class VIII C</u>
<br>=Line Break
<title>=Page Heading
<h1>Class VIII D</h1>
<h6>Class VIII E</h6>
<b>Is a method of presenting information in which certain text is highlighted</b>
</Body>
</HTML>
<html>
Q6 Explain Order list and Unordered list
<head>
<title> Text editing </title>
<Ul> if it is an unordered list (with bullets) or
</head>
start
<body bgcolor=“green”>
<center><h1> Mayo College
<Ol> if it is an ordered list (with numbers).
</h1></center>
Inside each list
<ol type=I>
Every item must start with an <li>
<li>Sports</li>
<li>Labs</li>
<li>Classes</li>
<li>Hobbies</li>
<li>Events</li>
</ol><br><p>
<ul type=circle>
<li>ClassV</li>
<li>ClassVI</li>
<li>ClassVII</li>
<li>ClassVIII</li>
<li>ClassIX</li>
</ul>
</body>
</html>
Q8 Image insert and Link tags in HTML
Image Tag
<img src=[Link] width=200 height=150><p>
<img src=[Link] width=400 height=250><p>
Link Tag
<a href=[Link]>image1</a><p>
<a href=[Link]>image2</a>
<a href=[Link]><img src=[Link]></a>
Q7Explain <DL>,<DD>and <DT>
The <dd> tag is used to describe a term/name
in a description list. The <dd> tag is used in
conjunction with <dl> (defines a description
list) and <dt> (defines terms/names). Inside a
< <dd> tag
<Dl>
<DT>ABC</DT>
<DD> He is in class VII and like to plays cricket nmnbmnbmnmbmnmnbmn
kjkhjhjkhjkkjhkjh
klklkklklklklklklklklklklklklklkl
klkjlkjklklklklklj</dd>
<DT>DEF</DT>
<DD> He is in class VIII and like to plays Football kjkhjhjkhjkkjhkjh
klklkklklklklklklklklklklklklklkl
klkjlkjklklklklklj</dd>
<DT>HIJ</DT>
<DD> He is in class IX and like to plays Hockey kjkhjhjkhjkkjhkjh
klklkklklklklklklklklklklklklklkl
klkjlkjklklklklklj</dd>
</dl>
</body>
</html
<html>
<head>
<title> Text editing </title>
</head>
<center><h1> Mayo College </h1></center>
<body>
<table cellpadding=0 cellspacing=0 border=3>
<caption> Products Details</caption>
<tr>
<th>[Link]</th>
<th>Product Name</th>
<th>Amount</th>
</tr>
<tr>
<td >1</td> Click to add text
<td>pen drive</td>
<td >500</td>
</tr>
<tr>
<td>2</td>
<td>CPU</td>
<td>800</td>
</tr>
<tr><td>3</td>
<td>HDD</td>
<td>
<img src=[Link] width=200 height=150>
</td>
</tr>
</table>
</body>
</html>
Q9 Table tags in HTML
The HTML tables allow web authors to arrange data like text, images, links, other
tables, etc. into rows and columns of cells.
Bgcolor :− Specifies the background color of the table.
Border : − Specifies the border width. A value of "0" means no border.
Cellpadding : − Specifies the space between the cell borders and their contents.
Cellspacing : − Specifies the space between cells.
Table heading can be defined using <th> tag.
<tr> tag is used to create table rows
<td> tag is used to create data cells.