practising C, C++ and JAVA programming with examples

HTML page with hr tag

With the help of following example we can understand about hr tag.

----------------------------------------------------------------------------------------------------------------

<html>

<head>

<title>

understanding horizontal line/ruler tag

</title>

</head>

<body>

</body>

</html>

HTML font tag

How to work with font tag? We understand it using following HTML code.

--------------------------------------------------------------------------------------------------------

<html>

<head>

<title>

understanding font tag

</title>

</head>

<body>

first paragraph

</font>

<br>

We are learning html

</font>

</body>

</html>

HTml with marquee tag

Let's look at following example to understand better about marquee tag.

----------------------------------------------------------------------------------------------------

<html>q

<head>

<title>

understanding marquee tag

</title>

</head>

<body>

<!--direction is right,in scroll an dbcakground color green

-->

my text

Impact

Tab Completion allows quickly completing words by pressing the tab key. When enabled, pressing Tab will expand the text to the left of the cursor into the best match, using Sublime Text's fuzzy matching algorithm.

</marquee>

<br>

<H4>second parAGRAPH<H4>

Tab Completion is enabled by default.

</marquee>

</p>

</body>

</html>

HTML page with youtube video

Here is an example to understand how to play youtube video on browser.

----------------------------------------------------------------------------------------------------

<html>

<head>

<title>

html with plugins. Plugins is a small program that extends the functionality of browser. Like To display Flash movies To display maps To scan for viruses To verify a bank id

</title </head>

<body>

</iframe>

</body>

</html>

HTL plugins

Plugins is a small program that extends the functionality of browser. Like To display Flash movies To display maps To scan for viruses To verify a bank id.

We use a tag for this as plugins. that is object. IT can be used for video,audio,image etc

-----------------------------------------------------------------------------------------------------------

<html>

<head>

<title>

html with plugins. Plugins is a small program that extends the functionality of browser. Like To display Flash movies To display maps To scan for viruses To verify a bank id

</title </head>

<!--

now-a-days most of the browsers are not supporting plugins.

it does not mean that they do not work with some applets

or viruses etc.

->for this, we are using one tag called object

->we can use this tag

->for image

->for video

->for audio etc.

-->

<body>

for picture,<br>

</body>

</html>

HTML page with responsive concept

On different device different looks can be there. So How to make responsive our page?

We can make it using viewport using css.

-------------------------------------------------------------------------------------------

<!DOCTYPE html>

<html>

<head>

<style>

* {

box-sizing: border-box;

}

.menu {

float:left;

width:20%;

text-align:center;

}

.menu a {

background-color:#e5e5e5;

padding:8px;

margin-top:7px;

display:block;

width:100%;

color:black;

}

.main {

float:left;

width:60%;

padding:0 20px;

}

.right {

background-color:#e5e5e5;

float:left;

width:20%;

padding:15px;

margin-top:7px;

text-align:center;

}

@media only screen and (max-width:620px) {

/* For mobile phones: */

.menu, .main, .right {

width:100%;

}

</style>

</head>

<h1>Hello World</h1>

</div>

</div>

<h2>Lorum Ipsum</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

</div>

<h2>About</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

</div>

</body>

</html>

------------------------------------------------------------------------------------------------------------

Credit:-:https://www.w3schools.com/html/tryit.asp?filename=tryhtml_responsive_media_query3

HTL page with coding lines

How can we put codes in same way as we write in real code editor? For this we use code tag.

-------------------------------------------------------------------------------------------------------------------

<html>

<head>

<title>

understanding about code tag

</title>

</head>

<body>

a=3<br>

b-12<br>

c=a+b<br>

</code>

</body>

</html>

menu

Labels