Hi Guys !! :)
NOw The NExt Step is to add image :)
For adding Image we'll put the code "<img src="imagelink.com/image.png" alt=Sorry">"
So Now our Code will look like :)
TOday we will learn HTML :)
HTML have 3 Main Tags :
- <html>
- <header>
- <body>
Adding the End tag is important !!
End-tag is like </header>.SO there are 3 main tags in html :)
In <header> You can add the Tab title Like :
<html>
<header>
<title>Learning HTML!</title>
</header>
<body>
</body>
</html>
So this was our Code when we add Tab Title in our code :)
There are many other tags but i told you the main three :)
So the Display thongs are always shown in <body> :)
There are also some tags for the font size :)
- <h1> (Heading 1)
- <h2> (Heading 2)
- <h3> (Heading 3)
and all like that continues :)
and for writing Paragraph there is tag for that.
- <p>
<html>
<header>
<title>Testing!</title>
<body>
<h1>Its Just testing</h1>
<h2>Testing !</h2>
<p>This is written by KidSec and m learning</p>
</body>
</header>
</html>
So this will be our Code :)
Now we learned to add simple text :)
Now we will learn to change the color of the text with CSS :)
For CSS we will write something like this :)
<html>
<header><title>Testing!</title><body><h1 style=font-family:verdena;color:Lime;font-size:20px">Its Just testing</h1><h2 style=font-family:verdena;color:Lime;font-size:20px">Testing !</h2><p style=font-family:verdena;color:Grey;font-size:20px">This is written by KidSec and m learning</p></body></header></html>
Now I Hope you understand that how to change color of the text and changing the color of
the Background is also as easy as it was :)
We will not add <body> tag , in the replacement we will add "<body background-color:Black;">"
And our Code will Look Like :
Now We learn't to change the background color too :)
<html><header>
<title>Testing!</title>
<body style=background-color:Black;">
<h1 style=font-family:verdena;color:Lime;font-size:20px">Its Just testing</h1>
<h2 style=font-family:verdena;color:Lime;font-size:20px">Testing !</h2>
<p style=font-family:verdena;color:Grey;font-size:20px">This is written by KidSec and m learning</p>
</body>
</header>
</html>
NOw The NExt Step is to add image :)
For adding Image we'll put the code "<img src="imagelink.com/image.png" alt=Sorry">"
So Now our Code will look like :)
<html><header><title>Testing!</title><body style=background color:Black;"><img src="http://comstat.memecdn.com/images/comment/1403.png" alt=Sorry"><h1 style=font-family:verdena;color:Lime;font-size:20px">Its Just testing</h1><h2 style=font-family:verdena;color:Lime;font-size:20px">Testing !</h2><p style=font-family:verdena;color:Grey;font-size:20px">This is written by KidSec and m learning</p></body></header></html>
Now We Added Image too in our code :)
Now The NExt Step is to add a video in it :)
So for adding video we will put
"<iframe src="videolink.com" hieght="250" width="350" </iframe>"
So after adding Video to our Code :) It will look like :
<html>
<header>
<title>Testing!</title>
<body style=background-color:Black;">
<h1 style=font-family:verdena;color:Lime;font-size:20px">Its Just testing</h1>
<h2 style=font-family:verdena;color:Lime;font-size:20px">Testing !</h2>
<p style=font-family:verdena;color:Grey;font-size:20px">This is written by KidSec and m learning</p>
<iframe src="http://player.vimeo.com/video/65492621" width="350" height="250" </iframe>
</body>
</header>
</html>
Now we Will Try to add javascript in our html code :)
for adding javascript , i told you that the thing that is shown is always in <body>
So javascript is not a text so we will add javascript in <header>
We Will add this javascript :
<script>alert("KidSec.com")</script>
And when we will add it in our code so it will look like :)
<html>
<header>
<script>alert("KidSec.Com")</script>
<title>Testing!</title>
<body style=background-color:Black;">
<h1 style=font-family:verdena;color:Lime;font-size:20px">Its Just testing</h1>
<h2 style=font-family:verdena;color:Lime;font-size:20px">Testing !</h2>
<p style=font-family:verdena;color:Grey;font-size:20px">This is written by KidSec and m learning</p>
<iframe src="http://player.vimeo.com/video/65492621" width="350" height="250" </iframe>
</body>
</header>
</html>
and YoHo We added JavaScript in our Code :)
These were the most Important things that I Told Today ;)
Wait for the Second Part ;)
Take Care ;)
Bye :)