Posts

Showing posts from December, 2020

How to add button in HTML?

Image
 To add a simple button to a web follow the program- < div  class ="container" >    < img  src ="img_HTML.jpg"  alt ="html" >    < button  class ="btn" > Button < /button > < /div >

How to add a link in HTML?

Image
 It is very simple to add a link in HTML. <a href="http://esharautela17.blogspot.com">This is a link</a> Instead of This is a link you can add any description you want for your link. Also, after her in-between " " you have to give the link to the website. You can give any link of your choice. <a href="http://esharautela17.blogspot.com">This is a link</a><br> this should be written in the body of the HTML program.  Now, when you click on this link it will redirect you to the link that you have given. DO LET ME KNOW IF YOU DID NOT GET ANYTHING IN THE COMMENTS!! I WILL HELP YOU OUT.

How to make a table in HTML?

Image
  Adding a table in HTML is easy. I am going to teach it to you by adding style to the border as well!! Let's get started!! This is the code- <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr>  <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px"><hr>   <h2><i>LIST OF ELECTRONIC DEVICES</h2> <ul> <li>Phone</li> <li>Laptop</li> <li>Tab</li> <li>T.V</li> <li>Xbox 360</li> <li>Xbox 1s </li> <li>Xbox 1x</li> <li>Oven</li> <li>Microwave</li> <li>Toaster</li> <li>A.C</li> </ul><hr> <iframe width="560" height...

How to add video in HTML?

Image
 You can add as many videos as you want. I am going to teach you how to insert any video from youtube. First, Go to the video on YouTube that you want to insert into your website.  Then, click on share. Next, click on embed. Now, copy the whole thing and paste it into your HTML program. <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr>  <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px"><hr>   <h2><i>LIST OF ELECTRONIC DEVICES</h2> <ul> <li>Phone</li> <li>Laptop</li> <li>Tab</li> <li>T.V</li> <li>Xbox 360</li> <li>Xbox 1s </li> <li>Xbox 1x</li> <li>Oven</li> <li>Microw...

How to make a list in HTML?

Image
 To make a list you need to use tags. The tags used for making a list are <ul> and </ul>. <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr>  <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px">   <h2><i>LIST OF ELECTRONIC DEVICES</h2> <ul> <li>Phone</li> <li>Laptop</li> <li>Tab</li> <li>T.V</li> <li>Xbox 360</li> <li>Xbox 1s </li> <li>Xbox 1x</li> <li>Oven</li> <li>Microwave</li>                     <li>Toaster</li> <li>A.C</li> </ul> <hr> </body> </html>

How to add an Image in HTML?

Image
 It might be tricky to add the image at first. But eventually, you will get used to it. First, save an image anywhere on your computer, you can also save it on the Desktop like I did. <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr>  <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px"> </body> </html> <img src = "/html/images/test.png" alt = "Simply Easy Learning" width = "200"           height = "80" >     Here first you have to give the location of the image. Then in alt you have to write the description for the image and in width and height you have to enter the value that you prefer for the size of the image. We are done!!:)

How to change background color in HTML?

Image
 So to change the background in HTML you have to write an attribute inside the tags. The attribute that we will use is bgcolor attribute .   <body style="background-color:">   <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr> </body> </html> (NOTE- Instead of writing the name of the color you can use the color code as well).

How to leave and draw a line in HTML?

Image
  Hello everyone!  Today I am going to teach you how to leave and draw a line in an HTML program. In HTML if you want to write something on the next line then it wouldn't accept if you don't insert a tag. If you simply go to the next line and write and assume that it will be the same on the web, but it won't. for that, you need to insert the tag. <br> It means break, go to the next line. <html> <head> <title> MY NAME </title> </head> <body> Hello everyone!! my name is Esha Rautela!!<br> I study in grade 8.<br>  :) </body> </html> Now, To make a line we have to use another tag. This tag is  <hr> <html> <head> <title> MY NAME </title> </head> <body> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr> </body> </html> We are done!! Hope this helped you!!

What is HTML?

Image
  What is HTML? HTML(HyperText Markup Language) Hello guys!! I am going to be explaining a few things and the basic body of HTML.  HTML is a markup language. It is used to create web browsers and websites. It can be assisted by other languages such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.  To do this programming you need to download notepad or potepad++, etc. I would recommend you to download notepad++. An HTML element is set off from other text in a document by "t ag s, tags are inclosed in angular brackets ("<" and ">").  There is an opening and closing tag in HTML i.e. <html> and </html>. The program should always begin with <html> and end with </html>.  After this comes the head i.e. <head> and </head> there is an opening and a closing tag.  Next comes the title tag i.e <title> and </title> this tag is inside the head tag. In this, you should write whatever title yo...

Basic HTML program

Image
 Hello everyone!  Today I am going to teach you how to write a basic HTML program. You have to write the code given below, you can use apps such as notepad, notpad++, etc. I would suggest you using notpad++. <html> <head> <title> MY NAME </title> </head> <body> Hello everyone!! my name is Esha Rautela!! </body> </html> (In place of MY NAME you can write anything of your choice as this is going to be the title of your website. Also, in between the tags of <body> and </body> you can write anything that you want to be displayed on the home screen) (Also remember that this website is not published as you have to buy a domain for that and also you need to pay to register your domain) After writing this you have to save it on desktop or anyone of your folders. So, click on file and click on Save As  or   use the shortcut Ctrl+Alt+S . After saving it, go to file and click on view in the default viewer . After cli...

Twist and Turn pop-up card

Image
Family and friends are very special in each and everyone's life, choosing a gift for them is going to be a difficult task. Want to make something special for family or friends.. but not able to decide what to make? Or not knowing what to make for a scrapbook or pop-up box? you can take help from my blogs!! I am going to teach you how to make a twist and turn pop-up card!! Let's get started! Materials required- -Scissors -Glue  -Paper(any color)                                              30 *10 cm(1)                                              24*9 cm(1)                                         ...