Beruflich Dokumente
Kultur Dokumente
2016
Q. What is HTML?
Ans : Hypertext Markup Language (HTML) is the standard markup language for
creating web pages and web applications. With Cascading Style Sheets (CSS)
and JavaScript.
• Text hyperlink – Uses a word or phrase to take visitors to another page, file or document.
• Image hyperlink – Uses an image to take visitors to another page, file or document.
• Bookmark hyperlink – Uses text or an image to take visitors to another part of a web
page.
• E-mail hyperlink – Allows visitors to send an e-mail message to the displayed e-mail
address.
Q 8. What are the most common uses of tables and why?
A table is an arrangement of data in rows and columns, or possibly in a more
complex structure. Tables are widely used in communication, research, and data
analysis. Tables appear in print media, handwritten notes, computer software,
architectural ornamentation, traffic signs, and many other places
Absolute and relative paths. An absolute or full path points to the same location
in a file system, regardless of the current working directory. To do that, it must
include the root directory. By contrast, a relative path starts from some given
working directory, avoiding the need to provide the full absolute path.
Q2 LONG QUESTIONS
Q1: Write html code to display three hyperlinks in different webpages. The
webpage should open in new window when user click on the hyperlink?
<!doctype html>
<html>
<head>
<title>universe</title>
<style>
</style>
</head>
<body>
Q2: Write css code that define five classes of paragraph with different background
color, padding and border style?
Q1. ANS
<!doctype html>
<html>
<head>
<title>universe</title>
<style>
body {
padding: 0px;
margin: 0px;
}
.wrapper {
padding: 0px;
margin: 0px auto;
font-family: arial,sans-serif;
width: 100%;
background: rgb(239,239,239);
}
.header-container {
height: 250px;
border-top: 3px rgb(254,205,11) solid;
background: rgb(0,58,106);
}
.header {
color: rgb(138,181,214);
width: 80%;
margin: 0 auto;
}
.contactinfo {
float: left;
width: 33%;
padding: 70px 0px 0px 0px;
}
.logocontainer {
float: left;
width: 33%;
text-align: center;
}
.quicklinks {
float: left;
width: 33%;
padding: 70px 0px 0px 0px;
text-align: right;
}
.clear {
clear: both;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="header-container">
<div class="header">
<div class="contactinfo">
<img src="images/phone.png" /> +01 2334 853<br />
<img src="images/email.png" /> email@universe.com
</div>
<div class="logocontainer">
<img src="images/logo.png" />
</div>
<div class="quicklinks">
<a href=""></a> | <a href=""></a> | <a href=""</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
An unordered list starts with the <ul> tag. Each list item starts with
the <li> tag.
The list items will be marked with bullets (small black circles) by default:
Example
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Ordered HTML List
An ordered list starts with the <ol> tag. Each list item starts with
the <li> tag.
Example
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
The <dl> tag defines the description list, the <dt> tag defines the term
(name), and the <dd> tag describes each term:
Example
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Example
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>