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

C++ programming tutorial 5

 Call by value or reference - There are two type in function call by value or call by reference in it we pass the value in call by value we pass value and in call by reference we pass the reference of the value . Call by value in C++ Programming language  :- In call by value we pass the variable or say argument and then it used by function which we made so see the code given below  Syntax - #include <iostream > using namespace std; // making function  void fun_name(int a, int b) { ... } int main() { //calling function  fun_name(int n,int n1); return 0; } Code -  // function call by value in C++ programming #include <iostream> using namespace std; // call by value in function declaration void container(int a, int b); int main() {   int x,y;   cout<<"Enter the value of x :"<<endl;   cin>>x;   cout<<"Enter the value of y :"<<endl;   cin>>y;   // here we passing the value as argument   // and also calling the function  
Post a Comment
Read more

Class and Object , function overloading Explanation in c++ language

 Classes in C language - It is a user defined data type data type which hold its own data members and member function which can be accessed and user by creating an instance of that class and we say that class is building block that leads to Object Oriented programming  Data member -  It is the data variable of the function  Member function - It are the function use to manipulate these function variable  For Example -  A car is an object the car has attribute such as weight , color and methods such as drive and brake Attribute and method are basically variable and function that belong to class syntax - class   class{        // The class    public :              // Access specifier      int   Num;         // Attribute (int variable)     string word;   // Attribute (string variable) }; Program - // class explaination #include <iostream> using   namespace  std; class   classname {      public:      string   mystring ;      void   printfun ()     {          cout   <<   "Gee
Post a Comment
Read more

Tutorial 10 text align , decoration etc explaining

 Text in Css - 1.Text color -     here we can set color in text for making them more enhancive or if we want required to change in color of text it work perfectly  syntax - color : red; OUTPUT - text color is change to red 2.Text alignment -     It is used for align the text according to the requirement and their situation we align text at center , right , left etc syntax - text-align:center; 3.Text decoration-     It is to decorate the text let if we want to underline in text then we use text decoration and make it on the line  syntax - text-decoration: underline; OUTPUT - text have an underline decoration 4.Text transformation -  In this we transform letters into uppercase , lowercase and capitalization means if the letter is small then it will convert into uppercase or visa-versa syntax - text-transform:(uppercase , lowercase , capitalize); 5.Text spacing - It decided the space between letter and words both how many gap are between an letters and word but syntax for both is diffe
Post a Comment
Read more