Monday, June 25, 2018
What is Head in HTML? | How to use header section in html |Learn HTML5
This video demonstrate how to use header section in html that is it gives answer of what is head in html.
code:
<!DOCTYPE html>
<html>
<head>
<title>Learning Header Section</title>
<style>
body {
background-color: yellow;
}
</style>
<script>
function shout()
{
alert("i am shouting.")
}
</script>
</head>
<body onload="shout()">
something in body part
</body>
</html>
Sunday, June 24, 2018
How to use Javascript in HTML | Make function in Javascript | Learn HTML5
This video demonstrate how to use javascript in html by making function in javascript.
code:
<!DOCTYPE html>
<html>
<head>
<title>Learning Javascript</title>
<script>
function displayTime()
{
document.getElementById('para1').innerHTML= Date();
}
</script>
</head>
<body>
<h2>Learning Javascript</h2>
<button onclick="displayTime()" >Click me</button>
<p id="para1">Paragraph without change </p>
</body>
</html>
Friday, June 22, 2018
How to use iframe in html | Dispaly one website into another website | L...
This video demonstrate how to use iframe in html, here we can embed one website into another that is displaying one website into another.
code:
<!DOCTYPE html>
<html>
<head>
<title>Iframe</title>
</head>
<body>
<iframe src="https://www.godaddy.com" width="500" height="700"/>
</body>
</html>
Difference between ID and Class in HTML and Css | Learn HTML5
This video demonstrate the difference between id and class in html in very easy way.
Difference between id and class
Id is
used to identify unique element in html to apply css/script.
used to identify unique element in html to apply css/script.
Class is uded to identify group of elemens to apply css/script.
* But there no any default validation
on browser take it as discipline,later you
will notice when we dig into javascript also.
on browser take it as discipline,later you
will notice when we dig into javascript also.
code:
<!DOCTYPE html>
<html>
<head>
<title>Id and class</title>
<style type="text/css">
#firstbox{
background-color: lightblue;
padding: 10px;
color:white;
}
.greenboxes{
background-color: green;
padding: 20px;
color:yellow;
}
</style>
</head>
<body>
<p id="firstbox"> I am in firstbox </p>
<p class="greenboxes"> I am in green box <p>
<p class="greenboxes"> I am in green box </p>
<p class="greenboxes"> I am in green box <p>
</body>
</html>
Thursday, June 21, 2018
Difference between Div and Span in html | Learn HTML5
This video demonstrate the difference between Div and span in html.
code:
<!DOCTYPE html>
<html>
<head>
<title>DIV and Span</title>
</head>
<body>
<div style="color:white;background-color: blue;"> Div is a block element
</div>
<div style="color:white;background-color: pink;" > Div is a block element
</div>
<span style="color:white;background-color: red;">Span is an inline element</span>
<span style="color:white;background-color: green;">Span is an inline element</span>
</body>
</html>
Make List in HTML easily | Ordered List in HTML | Learn HTML5
This video demonstrate how we can make ordered list in html.
code:
<!DOCTYPE html>
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<ol type="i">
<li>Laptop</li>
<li>Hard disk</li>
<li>Mouse</li>
</ol>
</body>
</html>
Wednesday, June 20, 2018
How to Make a list in HTML | List
This video demonstrate how to make a list in html. Here list is made as unordered list. Plus a css style is used to change the symbols in onordered list in html.
code:
<!DOCTYPE html>
<html>
<head>
<title>List in HTML</title>
</head>
<body>
<ul style="list-style-type: disc;">
<li>Mango</li>
<li>Apple</li>
<li>Orange</li>
</ul>
</body>
</html>
Subscribe to:
Posts (Atom)