HTML Head Title Title Head Body h2 h2 A Img A BR A A BR A A BR A Input A BR Body HTML

Qn 1
<html >
<head>
<title></title>
</head>
<body>
<h2>Html links</h2>
<a href=" https://classroom.google.com/u/1/h">

<img src="logo.jpg"alrt="Logo" style="width:42px;height:42px;">
</a><br />
<a href="form.html" targrt="_blank"> Visit home page inert new window</a><br />
<a href="table1.html" target="_self">Visit home page inert same window</a>
<br />
<a href=" https://classroom.google.com/u/1/h" target="_blank">
<input type="button"value="submit" /></a><br />
</body>
</html>
Qn 2
<html >
<head>
<title></title>
</head>
<body>
<h1>Inline elements</h1>
<abbr title="Kantipur City College">KCC</abbr>affiliated to purvanchal university
(abbr)<br />
<p>Yuraj khadka</p>
<p><bdo dir="rtl">Yubraj khadka</bdo>(right to left) (bdo)</p>
<p> <bdo dir="ltr">Yubraj khadka</bdo>(left to right)(bdo)</p>
<p><cite>The Scream</cite>by Edward Munch.Painted in 1893.(cite)</p>
<p><dfn>HTML</dfn> is the standard markup language for creating web pages.(dfn)</p>

<p>YOU <em> have </em> to do this!(em)</p>
<p>Press <kbd> Ctrl </kbd> + <kbd>C</kbd> to copy text (windows).(kbd)</p><br />
<h2>Block Elements</h2>
<div style="border: 1px solid black">Kantipur city college</div>
<p>my parargraph 1.</p>
<article>
<h2>C++</h2>
<p>c++ is a object orinted programming.</p>
</article>
<dl>
<dt>c++</dt>
<dd>object orinted</dd>
<dt>c</dt>
<dd>general purpose</dd>
</dl>
</body>
</html>
Qn 3
<html >
<head>
<title></title>
</head>
<body>
<h1 style="background-color:rgb(0,0,0)">rgb(0,0,0)black</h1>
<h1 style="background-color:rgba(225,0,0,1)">red</h1>
<h1 style="background-color:#00ff00">green</h1>
<h1 style="background-color:hsl(0,100%,50%)">red</h1>
<h1 style="background-color:hsla(0,100%,64%,0.5)">Hello</h1>
</body>
</html>
Qn4
<html >
<head>
<title></title>
</head>
<body>
<h1>Details and Summary tag</h1>
<details>
<summary>C++</summary>
<p>C++ is one of the world's most popular programming languages.<p>
<p>C++ can be found in today's operating systems, Graphical User Interfaces, and embedded
systems.</p>
<p>C++ is an object-oriented programming language which gives a clear structure to

programs and allows code to be reused, lowering development costs.</p>
<p>C++ is portable and can be used to develop applications that can be adapted to
multiple platforms.</p>
<p>C++ is fun and easy to learn!</p>
<p>As C++ is close to C# and Java, it makes it easy for programmers to switch to C++ or
vice versa
</p>
</details>
</body>
</html>
Qn 6
<html >
<head>
<title>selector</title>
<h1>simple class and id and universal grouping selector </h1>
<style>
.demo {
text-align:center;
color:yellow;
}
p#p1{
color:red;
}
</style>
<style>
* {
text-align:center;
color:blue;
}
</style>
<style>
p{ color : red;}
</style>
</head>
<body>
<h2 class="demo">Mathatics</h2>
<p class="demo">Set is a collection of well define object.</p>
<h2>mathmatics</h2>
<p>set is a collection of well define object</p>
<p id="p1">Html</p>
</body>
</html>
<html >
<head>
<title></title>
<style>
h1, p {
color:red;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<p>paragraph1</p>
</body>
</html>
Qn 5
<html >
<head>
<style>
h1 {
color: blue;
}
p { color:red};
</style>
<title>internalselector</title>
</head>
<body>
<h1>Programming subject</h1>
<p>C++</p>
<p>C</p>
<p>HTML</p>
</body>
</html>
<html >
<head>
<link rel="stylesheet" type="text/css" href="style1.css" />
<title>External CSS</title>
</head>
<body>
<p>
The complexity of the logic diagram tha implements a Boolean functions
is related directly to the complexity of the algebric expression from which the
functions
is implemented
</p>
</body>
</html>
<html >
<head>
<style type="text/css">
p{color:green}
</style>
<title>css</title>
</head>
<body>
<p>The complexity of the logic diagram tha implements a Boolean functions
is related directly to the complexity of the algebric expression from which the
functions
is implemented</p>
<p style="color:red">The truth table representation of a function in unique but the
function can appear in many
different forms.</p>
</body>
</html>
Qn 7
<html >
<head>
<style>
div p {
background-color:yellow;
}
</style>
<title></title>
</head>
<body>
<h1>Combinator selector</h1>
<h1>Descendant selector</h1>
<div>
<p>paragraph 1.</p>
<p>paragraph 2.</p>
<section><p>paragraph 3.</p></section>
<p>paragraph 4.</p>
</div>
</body>
</html>
<html >
<head>
<style>
div > p {
background-color: red;
}
</style>
<title></title>
</head>
<body>
<div>
<p>paragraph 1.</p>
<p>paragraph 2.</p>
<section><p>paragraph 3.</p></section>
<p>paragraph 4.</p>
</div>
<p>paragraph 5.</p>
</body>
</html>
<html >
<head>
<style>
div ~ p {
background-color: aqua;
}
</style>
<title></title>
</head>
<body>
<p>paragraph 1.</p>
<div>
<p>paragraph 2.</p>
</div>
<p>paragraph 3.</p>
<code>some code</code>
<p>paragraph 4.</p>
</body>
</html>
<html >
<head>
<style>
div + p {
background-color: aqua;
}
</style>
<title></title>
</head>
<body>
<div>
<p>paragraph 1 in a div.</p>
</div>
<p>paragraph 3 after a div.</p>
<div>
</div>
</body>
</html>

HTML Head Title Title Head Body h2 h2 A Img A BR A A BR A A BR A Input A BR Body HTML

Uploaded by

Copyright:

Available Formats

HTML Head Title Title Head Body h2 h2 A Img A BR A A BR A A BR A Input A BR Body HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Head Title Title Head Body h2 h2 A Img A BR A A BR A A BR A Input A BR Body HTML

Uploaded by

Copyright:

Available Formats

Qn 1

<a href=" https://classroom.google.com/u/1/h">

<p><dfn>HTML</dfn> is the standard markup language for creating web pages.(dfn)</p>

<p>C++ is an object-oriented programming language which gives a clear structure to

<p>C++ is fun and easy to learn!</p>

You might also like