Skip to main content

How to start learning Web-development

Post a Comment

Html tutorial 3 ids , class in html and how we use them

 Basic tags which left -

Semantic tags -

1. article tag -
    article is self contained content we write article related content in this tag like blog , newspaper , etc.

syntax -
<article>
article tag in html
</article>

2. aside tag - 
    some content was aside from its place and they place at the side of website like a small column box .

syntax - 

<aside>
this is aside tag
</aside>

3. Header tag - it is place at top of the website or say as a head of the website and work as menu or navigation bar for web page .

syntax -

<header>
this is header tag 
</header>

4. Footer tag -
this tag was placed at the bottom of the web page and we can take our more detail in the footer and address contact number etc are present at footer 

syntax - 
<footer> this is footer <footer>

what is means of &nbsp in html ?
it is know as non breaking space we use it in line no space and it do not break the line and make space between words or in other word to word separate are stick togather but not break in different lines.

what is id's means ??

we use id in html for give a unique number to tags and find them simple for any modification or say to point that id for styling of it through css and because it was unique number for all tags so once it was used we cannot use it again in any other tags so thats was it is a unique all time .

syntax - 
<p id="id_name">
this is how we take id in html
</p>

css - 
#id_name{
            color: blue;
        }

on server -

this is how we take id in html



what is class attribute in html 
We use one class named in more than one tags and modified them or say style them by class simply if we want to style multiple paragarph tag so we get them by class and style them in CSS ( if we want same style ).

Syntax -

<!-- class in html -->
<p class="class_name">
this is how we take class
</p>

css-
.class_name{
            color: red;
        }

on server -

this is how we take class

Code -

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tags in html</title>
<style>
.class_name{
color: red;
}
#id_name{
color: blue;
}
</style>
</head>

<body>
<!-- semantic tags -->

<!-- article -->
<article>
article tag in html
</article>

<!-- aside tag -->
<aside>
this is aside tag
</aside>

<!-- id -->
<p id="id_name">
this is how we take id in html
</p>

<!-- class in html -->
<p class="class_name">
this is how we take class
</p>
</body>

</html>


ON SERVER -

article tag in html

this is how we take id in html

this is how we take class

Which type of IDE you have to use it -

This code editor is mostly used by  programmer in competitive level and also in collages and this is a best programming ide and it is belongs to Microsoft one of the best company which most of the people belive so for starting  you start with vs-code ide and its UI is very simple to understand but at start have to take a tutorial about it in YOUTUBE  so first  start programming with this .


Comments

Post a Comment

Popular posts from this blog

Funcation in c++ programming example in detail

Friend Funcation- 1. Adding to complex number in friend function #include<iostream> using namespace std; class container { float a,b; public: void get() { cout<<endl<<"Enter value for A="; cin>>a; cout<<endl<<"Enter value for B="; cin>>b; } void disp() { cout<<endl<<a; cout<<endl<<b; } friend container addition(container,container); }; container addition(container X,container y) { container Z; Z.a=X.a+y.a; Z.b=X.b+y.b; return Z; } int main() { container P,Q,R; P.get(); P.disp(); Q.get(); Q.disp(); R=addition(P,Q); R.disp(); return 0; } Output - Enter value for A=12 Enter value for B=12 12 12 Enter value for A=1 Enter value for B=1 1 1 13 13 2.  If class one is friend function of two it not means that two is friend functio...
1 comment
Read more

Cpp programming tutorial 1

C++ language - This is a very similar to c language and it have all the concept of c language and their is more in c plus plus it have many new concept like classes and object was introduced here constructor , destructor many more concept was in c plus plus and because c plus plus have more enhancement and more simple to use it also object oriented programming .  OOPs concept with example - The meaning of object oriented programming(oops) is it works on concept of classes and object or in other word oops concept is based on class and object . class is a body to create object in object oriented it treat data as a critical element and decompose the problem in object and build data function according to the object and in object oriented programming we can use it for protecting data and for privacy of data so not all variable can access it . BENEFIT OF OBJECT ORIENTED PROGRAMMING - 1. Because of hiding data method we secure our data and system for accessing all variable . 2. It have...
Post a Comment
Read more

Why we learn REACT JS in web development

 REACT JS in web development - why we use it ? we learn REACT JS in web development because it help us to write less code and make more efficient  website because it divide code into many component which was which help us to to write less code and make more efficient work in less time you can say it is time saver if you don't want to write code from base or say scratch react js is reliable for us and very efficient for web development . What is Component means ? The meaning of component is you say in simple language is react divide the code of website let say if we want to make a website and we want to use a code repeatly so we have to write the again and again but if you was use component you have to write code at ones and use it by import it again and again you can work very efficiently and fast  What we have to do in react  In react we have to convert html form language into JSX form language and if you think how we can do this so their is many option are availabl...
Post a Comment
Read more