practising C, C++ and JAVA programming with examples

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>

<div style="background-color:#e5e5e5;text-align:center;padding:10px;margin-top:7px;">© copyright w3schools.com</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>

HTML entities/symbols

So, how can we write white space or some other characters/symbols? For this, we use & or # or somewhere both followed by some pre-defined characters.

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

<html>

<head>

<title>

understanding about entities tag

</title>

</head>

<body>

it is greater than >.

it is smaller than <

it is diacritical mark Ǒ

</body>

</html>

HTML symbols

So one questions is, how can we write different symbols in HTML? Answers is using some keywords followed by &.Better we can understand from following example.

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

<html>

<head>

<title>

HOW TO WRITE DIFFERENT SYMBOLS IN HTML

</title>

</head>

<body>

FOR euro, We write €

we have &dollar;

If we want to use all, &ForAll;<br> if we want to use summation, ∑ <br> If an element is a member of , ∈

for sp ace ;

for greater than, we use >

for smaller than, we use <

</body>

</html>

HTML page with emoji

If we want to insert emoji symbols or pictures then we can use its decimal number followed by & and # symbols. We do not use hexadecimal numbers.

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

note:

It is not supported in earlier version of WINDOWS(7 or basic or vista).

It can only be used in WINDOWS 10.

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

<html>

<head>

<title>

HOW TO WRITE emoji/small pictures IN HTML

</title>

</head>

<body>

SMILING FACE WITH OPEN MOUTH 😃for SMILING FACE WITH OPEN MOUTH AND COLD SWEAT 😅

</body>

</html>

menu

Labels