Ids and Classes in HTML

By
Hello friends here we are going to see about Ids and Classes in HTML . So Id is an attribute which is given to an element to apply CSS or JS on it . If you have so many divisions <div>... </div>  in HTML body and you want to apply CSS on specific division <div>... </div> then you have to give a id for that division. Class is also a attribute but you can give class to multiple divisions. So take example like if you're in 8th class and all students in your class have a different identity card but have same class simple. Class is denoted by ' . ' dot sign and Id is denoted by ' # ' sign.  I hope you understand better. Now take a look some code . 


This will result as follows :
You can use class and Id in JAVASCRIPT also. If you have any doubts ask in comment section.


Here are some other posts

Form in HTML

By
So hello friends in this tutorial we are going to learn more in HTML and that is form. Forms which you submit online for admission in college . Otherwise to create account on Facebook you submit your email id, password, mobile no. etc. So here we going to learn about form in HTML. <form>    <input type="text" placeholder="Name">        <input type="email" placeholder="email>        <input type="password" placeholder="password">     Gender:                    Male: <input type="radio" >    Female:<input type="radio" >    Checkbox:<input type="checkbox">  Date: <input type="date">   Datetime:<input type="datetime-local>   <input type="submit" value="submit">   <input type="reset" value="reset> </form>               ...
Read more

Ordered and unordered lists in HTML

By
Image
Hello friends now we are going to learn about Ordered and Unordered list in HTML. Here you can write point in Ordered or Unordered sequence . So for this <ol> tag is used to write list of your main points in your website <ol> tag is used to create lists in Ordered sequence like from point 1. to 10. And the next is <ul> which is Unordered list of sequence which helps to create lists . Examples are given below . Last one is <li> which is known as list . You have to add this tag in your Ordered or Unordered sequence of list . This is Unordered list .  This is Ordered sequence of list . So let's take a look at some code . Unordered list: Result as follow : Ordered list :  Result as follow :  That's it for now will teach something at next post . Best of luck from me.
Read more

Attributes in HTML

By
Image
So hello friends here we are going to learn about Attributes in HTML. Attributes are used set the property or characteristics of your HTML element. You can set alignment, colour, fontsize, height, width or you can add inline CSS in it also by style attribute . Attributes are used to set the characteristics of element . So let's see some useful attributes . These are usable with many of HTML tags . Attributes Value Description        id                                                               User defined To give the name for an element and for use with CSS.              class  User defined Name the element and used for CSS.        align top,center,left To set alignment of ele...
Read more

Basics of html

By
Image
HTML is simple tagging language which helps to create the websites and it's full form is Hyper Text Markup Language (HTML) . Cascading Style Sheets (CSS) helps to design the website . JavaScript is used in backend development . Let's start from simple basics of HTML. There are two types of tags one opening and another is closing tag . Let's look at some basic tags first .      TAG                                                      DESCRIPTION   <html> It is start of html coding of web  page. It consists of <head>, <body>, tags .   <head> This is head tag it is a head of web page . It is in <html> tag .   <title> This tag is present in <head> tag .      <body> This is the body of web page it consists of <div>, <p> , <nav>, etc. ...
Read more

How to become a web developer

By
Image
• Learn programming languages like python,java,html,etc. • Write code every day. • Challenge yourself with a new skill. • Working on open source projects from places like GitHub,it helps you immerse    yourself in code. • Keep learning and create websites by your own ideas.  Most important,           It’s sad but true; web development takes only a short time to learn, but a lifetime to master. No matter what way you look at it, there are only two things that can make you become an expert web developer; experience and time. While you’re getting to grips with the basics and taking your first steps into this exciting and every changing world however, there are a few tricks that can make your learning more efficient and your practice more productive.
Read more

Tables in HTML

By
Image
So hello friends here we are going to learn about tables in HTML . How to create tables, table rows and isert data or information in it . So first we need to add <table>... </table> tag in our HTML code . In <table> tag you have to add <tr>...</tr> tag which means table row . For the table heading you have add <th>... </th> tag . After that <td>... </td> which means table data . Here these all tags we have to use for creating our table . So here we are exploring more about table with the help of examples. So let's see the code for the table.  This will result as follows: Here you  can add more details with the of help tables . You can create list for school students or any other type of lists in table. So here it was post on tables in HTML . So I hope you may have understood well otherwise if you have any doubts about tables or other HTML topics you can ask me in comment section and best of luck from me .
Read more

Images and links in HTML

By
Image
So hello friends let's continue the our series of HTML tell how to . Now I'm gonna or my topic is how to add images or links to your website . With the help of <img src=" " alt= " "> you can simply add images . But in src="" You have to specify the path of image that you have . It means if your image is in the folder named img then you can add path like this src="/img/image.jpg" you can add different types of image files like jpg, png, webp, etc. After that alt=" " alternative for if image doesn't loads then throw the error message . Use of this is so simple as given following alt="Error img loading" and anchor tag <a href=" "> is used to add links . So let's take a look at some code as given following .  As you can see it use of img tag now take a look at the result . In href attribute you can also add link of image . In alt attribute you can error message if image doesn't loads. In ...
Read more