6/27/22

Best YouTube Channel to Learn Programming in Hindi


In this blog, I am going to mention about best programming YouTube channel where you can learn programming very easily. One more thing, you can learn programming absolutely free without paid a single amount through this YouTube channel. I am trying my best to help those student who loves programming.

 People Also Read:- Top Programming Book for Programmer.

The content you will find on these YouTube channel is much more than that of the paid courses. Without taking much time let me now come to my topic.

Hope you excited!!

Here top 5 best YouTube channel to learn programming.

5. Learnvern 

This channel is one of my favorite YouTube channel because on this channel you will get all the content related to programming and technology through video. In this YouTube channel, you will learn programming like C, C++, Java, Python, Android, web development and many more. You should visit at least one time and try to learn something through video. 

4. Harshit vashisth  

This channel for those who love python and web design. In this channel, you will get probably all video related python and web designing.

The video has been made about python and web designing is explaining in very easy language. You can easily understand and learn it. Must visit at least one time.


YouTube Link:- Click Here

3. Geeky shows  

If you want to learn Python, JavaScript, Java, PHP then guys this channel help you a lot.  Geeky Shows makes videos very well. The content of their videos is very good which helps you to learn. 




Website:- Click Here 
YouTube Link:- Click Here

2. Apna College 

In this channel you will get videos related programming tips, courses and many computer science engineering subjects

This channel highly recommended for those student who look future in programming field. If you want to strong your basic in computer engineering subjects then you must have to watch Apna College videos.

YouTube Link:- Click Here

1. Code with Harry

This YouTube channel is also my favorite because I have learned a lot from this channel and I hope that you will also learn a lot form this channel. In this channel you will find almost all the programming videos, interviews and many more to boost your knowledge. 



Website:- Click Here 
YouTube Link:- Click Here

All the YouTube channels I have told you about above will help you to increase your knowledge and to get the solution of any problem.

I too have learned a lot through these YouTube channels and hope, you too will learn for sure. 

If you think that the name of any other channel should have appeared in this list, then please do let me know in this comment section.

I will try my best to put the name of that channel in this blog so that it can help those who want to learn programming. 

If you like this blog, then please do share it to those people who need this blog very much. And if you think there is any mistake in this blog, then please do tell me in the comment section so that I can rectify that mistake.

Thank you 

Have a Good day

People Also Read:- C Programming language.


Continue Reading →

2/21/22

What is Topology? Different types of topology.

What is Topology?

The Arrangements of the network in such a manner that they can exchange their data and communicate with each other. There are six types of network topology. These are:- 

  1. Bus Topology
  2. Ring Topology
  3. Star Topology
  4. Mesh Topology
  5. Tree Topology
  6. Hybrid Topology

Bus Topology

  • In a Bus topology, all the computers and network devices are connected to a single cable known as a backbone cable.
  • Each Node is either connected directly to the backbone cable or through a cable that is connected to the backbone cable. 
  • The installation of this topology is quite simpler than the rest of the available networks. 
  • The Computer is connected in such a manner that they look like a straight line, that is why many people know it as “Line topology”. 
                                                              Example of Bus Topology

Advantages of Bus Topology

  • Low-Cost Cables: - In a bus topology, you need only cables to connect with backbone cables. The cost of this cable is very low as compared to other network devices. 
  • Limited Failure Points: - if one node of the network is not working well. There is no issue with the other node's network. 
  • High Speed: - In Bus topology generally twisted-pair cables or coaxial cables are used in which data transfer rates are high. 
  • Simple installation: - The installation of this network is so simple. You just need some equipment to join the cable with the backbone cable.  

Disadvantages of Bus topology

  • Extensive Cables: - Lots of Cables are used to set up for bus topology.
  • Difficult troubleshooting:- You are required to specialized equipment to detect the problems. And if the main wire (backbone cable) has a fault then all the node's connection are stop communicating. 
  • Configuration Problem:- If you want to add a new device to the network it may slow the speed of the rest of the network. 
In this part, we talk about bus topology. The rest of the topology types are covered in our next tutorial. 

You May Also Like

Continue Reading →

2/17/22

Different types of networks, (LAN, MAN, WAN)

Different types of networks ( LAN, MAN, WAN )

The Network allows a computer or laptop to communicate with each other via different mediums such as LAN, WAN, etc. As per studies, Currently, there are 10 (approx.) different types of networks present in the market. The Name of the networks are:- 

  • Local Area Network                    (LAN)
  • Metropolitan Area Network        (MAN)
  • Wide Area Network                    (WAN)
  • Personal Area Network               (PAN)
  • Campus Area Network                (CAN)
  • System Area Network                 (SAN)
  • Wireless Local Area Network     (WLAN)
  • Passive Optical Local Area Network(POLAN)
  • Enterprise Private Network         (EPN)
  • Virtual Private Network               (VPN)

But we consider you to study only the main type of computer networks. 

So, The 3 Main Computer networks are:- 

  1. Local Area Network (LAN)
  2. Metropolitan Area Network (MAN)
  3. Wide Area Network (WAN). 

These 3 networks are important for the study and the rest of the networks are similar to these three. If you understand these 3 computer networks well, then you will also understand the rest of the computer network easily.  

Local Area Network (LAN)

LAN is the most common, simple, and frequently used computer network. In this type of network two or more computers or devices are connected through the network in such a way that a computer can easily share its data, programs, tools, etc. The group of computers or a device are connected together by a switch or a router. 

In this network, Data Transmit speed is high because only a couple of devices are connected through it so the data transmission speed is high.

There are a lot of advantages of LAN. One of the important advantages of this network was in this network your data are only accessible for those who are connected through LAN. So LAN is considered one of the safest types of networks. 

Metropolitan Area Network (MAN)

Man or metropolitan area network covers a larger area compared to LAN and smaller area compared to WAN. In this type of network, two or more computers and devices are connected with an area of 0 to 25 Km basically span an entire city or a town. This type of network is used by Internet Service Providers (ISP). This type of network is handled by a person or an organization or company. 

One of the best examples of this network was a cable TV network, which is only capable of providing its services only a fixed graphical area.

Wide Area Network (WAN)

As per the name, this network has no limitation or boundation. This type of network has no fixed graphical area. He can extend all over the world. WAN is generally a connection between LAN and MAN. WAN has the slowest data transmit speed because of the larger distances. 

WAN network has a lot of disadvantages. Because anyone can (hackers or crackers) assess your personal data. There is no data privacy on this network. In this network, optical fiber cables are used to transmit the data. Internet and telecommunication are the best examples of this network. 



Continue Reading →

2/13/22

C Program to find Gross Salary of an Employee.

C Program to Find Gross Salary of an Employee.

This program is made for those people who worked in any company and they have to know their gross salary. Most of the employees didn't know how much a company pays them for their services. 

So, With the help of this program, the employee knows their exact salary which is paid by a company to him.

Source Code

#include<stdio.h>
#include<conio.h>
void main()
{
float bs,da,hra,gs;
printf("Enter the Basic Salary=");
scanf("%f",&bs);
da=0.4*bs;
hra=0.2*bs;
gs=bs+hra+da;
printf("Your Dearness allowance=%f",da);
printf("\nYour House Rent allowance=%f",hra);
printf("\nYour Gross Salary is=%f",gs);
getch();
}

Output: - 




Continue Reading →

2/9/22

C Program to Convert Kilometer into Centimeter, Meter, Inch, Feet.


C Program to Convert Kilometer into Centimeter, Meter, Inch, Feet. 

As you read in the title this program is based to convert kilometers into cm, m, inch, feet, etc.

In this program, we use float data type instead of int because we didn't know the number which is entered by the user is an integer number or a decimal number. 

After it, we applied the formulas of the conversion of km to cm, inch, m, feet.

Fun Fact: - If you don't know the formula just google it. 😉😊.

Source Code 
#include <stdio.h>
int main()
{
float km,m,f,in,cm;
    printf("\nEnter the distance in KM: ");
    scanf("%f",&km);
    m=km*1000;
    f=km*3.3;
    in=km*39;
    cm=km*180;
    printf("\n\nDISTANCE IN METERS:%f",m);
    printf("\nDISTANCE IN FEET:%f",f);
    printf("\nDISTANCE IN INCHES:%f",in);
    printf("\nDISTANCE IN CENTIMETER:%f",cm);
return 0;
}

Output:- 



Continue Reading →

2/6/22

C Program to find Factorial of any Number.

C Program to find Factorial of any number.

In mathematics, the factorial of the whole number 'n' denoted by 'n!' is defined as the product of all the positive integers equal to or less than the given positive number "n"

The Formula of the factorial of any number was: -

n! = n * (n-1) * (n-2) * ....... 3 x 2 x 1.

For Example :- 

5! = 5 X 4 X 3 X 2 X 1 = 120.

You can also write it as 

5! = 5 X 4! = 120

Whatever we saw above was is in maths. Now we will see this through c programming. How would this formula be used in c programming? 

Source Code :-

#include<stdio.h>
main()
{
int i,n,fac=1;
printf("Enter the Number");
scanf("%d",&n);
for (i=n;i>=1;--i)
    fac*=i;
    printf("%d",fac);
getch();
}

Explanation of the code: - 
  • In this code, we simply get three integer containers ( i, n, fac ) respectively. we have already defined int fac value which is 1
  • Now after that, we entered a number by the user. we have placed it on the int n. 
  • After it, we applied a loop and the loop is running nth time until the value of the n is equal to 1.
  • Every time the value of the i is decreased whenever the loop run.
  • After the loop end, the product of all the numbers is stored on the int fac.
  • At the end of the program, we have got the result as output.
Output: - 

Continue Reading →

1/20/22

Impact of Computers on the World: - Positive and Negative


 As we know the computer is one of the most powerful weapons nowadays in our society. Today most of the work has done by computers. Computer saved people time and increase the doing efficiency of work. The daily use of computers has put a strong impact on people's life. The effects are positive as well as negative. We all know that every coin has two faces 1. Head and 2 tails. So, Everything has two sides Positive and Negative

So, today’s article is based on the positive and negative impact of computers nowadays on people day to day life.  We are going to discuss both sides in this article.

POSITIVE IMPACT OF COMPUTER

There is a lot of positive impact of computer. We are going to discuss it through points. 

  • Employment Benefits: - The Computer helps millions of people, It is the most important point of all the points.
  • Educational Benefits: - As you know due to coronavirus all the educational firms are closed. So all the classes are taken from the home. Teachers use laptops or computers to take lectures of the students. 
  • Entertainment Benefits:- People use computers for their entertainment through games, watching movies. 
  • Improved Efficiency:- Computers have increased the ability of people to work. Because of the work that used to be done in the first 2 hours. Today the same work is done in 10 to 15 minutes with the help of computers.
  • Improved Service:- People have received good services from any government or private agency because of the computer. 
  • Better information retrieval:- With the help of computers, it is possible to search millions of documents within a few seconds. There is no need to search for information from a bundle of papers.

NEGATIVE IMPACT OF COMPUTER

  • Employment Problems:- The main negative impact of computers on human life was the employment problem. Computer reduced the manpower of the work. And If a work can be done by one man with the help of computers. So why would the employer hire more men for the same job? That’s why sometimes computers have a negative impact on human life.
  • Collection of unnecessary data:- This is also a main negative impact of computers. Today many government and private companies collect unnecessary information about any person. There is no need to collect all this information on the computer. This information takes a lot of memory space of the computer. 
  • Issue of System Security:- It is also an important point of negative impact. Anybody (who is working on the company, or hackers who access your personal data.) can change, stole, or know your personal information which you don’t want to share with everybody. There are a lot of computer viruses through which hackers or computer experts enter into the computer system to do anything they want with your data.
  • People are depending too much on it:-  Ever since the advent of computers, humans have become dependent on computers. People become lazier to do work. 

The Conclusion

This author concludes that invention is good as long as it is used for the good of men. Those inventions can prove to be harmful and fatal for humans. Those are not inventions but a curse. However, people should also understand what they are inventing. Is that invention a curse or a boon for human life?


Continue Reading →

1/7/22

Introduction to Number System.


As we all know that a computer is used to process data entered by the users, and provide results as output. A set of instructions has to be fed into the computer system to instruct the computer that how to process data. And which type of calculation is done when users entered some information through input devices. 

All this information is instructed in the form number system that the computer can understand. These Data can be in the form of characters as well as numbers. 

There are commonly 4 types of a number system. These are:- 

  • Binary Number System
  • Decimal Number System
  • Hexadecimal Number System
  • Octal Number System

Now, we are going to discuss this briefly. 

Note:- The number of digits that can occur at each position of a number in any number system is known as the base of that number system. 

1. Decimal Number System

This is the most commonly used number system in our daily life. The total number of digit in that number system are :- 0,1,2,3,4,5,6,7,8,9.

The base of that number is 10. The decimal number system is a positional number system that means each digit has a fixed position or weight associated with it, that is why it is also known as the weighted number system. 

I know it is a little bit confusing. So let’s go with an amazing example to understand about it. 

For Example:- 

Let some number randomly, we assume a number 786, now in that number the weight of number [6] is 1 (ones), number [8] is 10 (tens) and number [7] is 100 (hundred). The Number of tens increases every time whenever the number increase. Ex:- 4555 in this example, 4 is the most significant number as the base value of 4 was thousand means 10^4. 

We can define them as 10^0 for 6, 10^1 for 8, 10^2 for 7. That’s why we read it as Seven Hundred Eighty-Six. 

As in the decimal number system, the base is 10, we represent the given number as 786^10. 

Now, We are going to see an example of a decimal number. 

Let Consider a number anything you want. Suppose we assume a decimal number 321.123.  

Note:- If the base is not given in the number it should automatically take 10. 

Now, In the decimal number system, the places to the left of the decimal point are positive and the right point is the negative power of 10. 

The Number before the decimal point is known as an Integral part, And the number after the decimal point is known as the fractional part.

In the given below image, you can see both the integral part and fractional part with their powers.   

So Friends, this is part 1 of this post in our next part we discuss the rest of the number system briefly. Hope what we describe in this post is understandable for you guys. And if you have any doubt then comment below I will try to solve it with my possibilities. Thank You.. 😊

Image is sourced from Google Images. 


Continue Reading →

1/1/22

Basic Anatomy of Computer

Introduction 

In many areas of the world, many things are done through computers. Today, the work of a few hours is done within a few seconds through the computer. A Computer saves a lot of human time. We have mentioned about the history of computer in our last few chapters, if you have not read that then go read it. We have told about a computer history in this chapter. In today's chapter, we will learn about common computer equipment. 

Basic Anatomy of Computers

Before the basic anatomy of computers. We would like to define what is Computer? I have already told it in our previous article with full definition if you don’t know computer we recommend you to read it. So

A Computer is an electronic machine that accepts data from the users through input devices and processess it and gives some output through the output device. This is a simple definition of computer. Now All the computer systems perform 5 Basic Operations these are:- 

  • Inputting :- The process of entering data and instruction into the computer system. 
  • Storing :- Saving the data or instruction somewhere so that when require they are available. 
  • Processing :- Performing arithmetical operation or logical operations on data so they output some useful information. 
  • Outputting :- The Process of producing the useful information to the users through some output devices.
  • Controlling :- Directing the manner and Sequence in which all of the above operations are performed. 

All of the above mention options are performed by some functional units which form the basic building blocks of any computer system.

In this Figure, the solid lines are used to indicate the flow of instructions or data the lines represent the control exercised by the control unit. 


In this chapter we have only see the anatomy of computer. In our next article, we are going to know more about this. Stay Happy.

Images Source :- Google Images.

Continue Reading →

8/28/21

What is Computer? History of Computer.

Image Source:- Quora


Hey Friends in today's era, computers or laptops are the basic components which are used normally in all the workplaces such as schools, colleges, hospitals, laboratories, companies, etc. Today Computer is the basic thing in our day to day life. Human life has become very easier with computers. Because you can do your work within second with the help of computer and internet. Such as sending an important file to someone. Just open your laptop and mail the document within seconds.  So today we are going to discuss computers and their different types. And also the basic computer required for computers. So Let’s Begin…

What is Computer? 

Many people use a computer daily for some work. But do you know about computers? what is a computer? I bet many people didn’t know about it. So Basically, A Computer is a programmable electronic device, which is used to perform mathematically or logically operations. A user input data through any input device after that a set of instruction process and provide the result of it as “Output”.

A Computer can process arithmetical as well as logical calculations. Arithmetically operation such as +,-,/,* etc and logical operations are  a>b, a<b, a>=b, etc. These operations are processed by a set of instruction written on it. 

In simple words, A computer is an electronic device that accepts data as input and processes it, and gives the result of that input as output. 

Father of Computer and The first computer

Do You know that the father of computers is Charles Babbage. Because it is believed that the first computer was invented by him. Analytical Engine is considered as the first computer which is invented by Charles Babbage was first described in 1837

From an Electronic Device to Computer.


Now let all these aside and tell me that do you know how an electronic device gets the name computer?

The term Computer is derived from the Latin word “Computare” which means calculate.


So that is for today guys we will be back soon with another tutorial. Keep learning with mad about computer. You can also check more information about computers. Click Here For More


Continue Reading →

8/12/21

What is Address Bus, Data Bus & Control Bus in Computer?



If you’re reading this tutorial by skipping the previous tutorial then I strongly recommended to you to learn first previous tutorial. In the Previous tutorial, we had discussed the basic concept of Buses. We can also say that previous tutorial is introduction tutorial about buses…

Let’s come on topic…Today I am going too described Address Bus, Data Bus, and Control Bus.

What is the Address Bus?

The address bus is used by the CPU to send the address of the memory location or the input/output port that is to be accessed at the instant. It is a unidirectional bus i.e. the address can be transferred in one direction only and that is form CPU to the required port or location.

Whether it is a read operation or write operation the CPU calculates the address of the required data and sends it on the data bus for the execution of the required operation. The maximum number of memory locations that can be accessed in a system is determined by the number of lines of an address bus.

An address bus of n lines can be addressed at the most 2n locations directly. Thus a 16-bit address bus can allow access 2 16 bit or 64 K Byte of memory.

People Also Read:- What is an Application Software? And It's Need.
People Also Read:- What is Software Engineering? About Carrier.

What is Data Bus?

A data bus is used to carry the data and instructions from the CPU to memory and peripheral devices and vice versa. Thus it is a bidirectional bus. It is one of most important parts of the connections to the CPU because every program instruction and every byte of data must travel across the bus at some point.

The size of the data bus is measured in bits. The data bus size has much influence on the computer architecture because the important parameters of it like word size, the quantum of data etc. are determined and manipulated by the size of the data bus.

Generally, a microprocessor is called n-bit processors. Thus as the CPU became more advanced, the data bus grew in size. A 64-bit data bus can transfer 8 bytes in every bus cycle and thus its speed is much faster as compared to the 8-bit processor that can transfer one byte in every bus cycle.

What is a Control Bus?

A control bus contains various individual lines carrying synchronizing signals that are used to control. Various peripheral devices connected to the CPU. The common signals that are transferred to the control bus from CPU to devices and vice versa are memory read, memory writes, I/O read, I/O write etc.

Signals are designed, keeping in mind, the design philosophy of the microprocessor and the requirement of the various devices connected to the CPU. So different types of the microprocessor have different control signals. See Below for better understanding.

Image Source Book

Hopefully, you guys did still find this information is useful for you. If you have any doubt or question about this tutorial then let me know through your comment. And don’t forget to share with other computer lovers.
Have a Good Day!!!
People Also Read:- Principal of Software Engineering.
People Also Read:- What is System Software? Best Explanation.

Continue Reading →

8/11/21

CSS Position Properties :- CSS Tutorials

CSS Position

The CSS Position Property is used to position any Html element before or after any Html element you want. You can place Html element anywhere you want. You can set the position of Html element by using top, bottom, left, right properties. This property is used when you set the position property of the element first. 

Basically, The CSS Position property has 4 basic Parts:- 

  • CSS Static Positioning
  • CSS Fixed Positioning
  • CSS Absolute Positioning
  • CSS Relative Positioning

CSS STATIC POSITIONING

This is by default the position of the Html element. They appear normally on your web pages. They didn’t affect any positioning on your webpage. 

CSS Fixed Positioning

This property is used to fix the position of the Html element on your web pages. When you apply this property to the Html element they fixed their position. It doesn’t move even you scroll your window screen. Let see an example to clear this property. 

Example:-

<!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>Position in CSS </title>

</head>
<style>
    div{
        border2px solid black;
        height320px;
        width420px;
        marginauto;
        overflowscroll;
    }
    h1{
        colorred;
        positionfixed;
        left320px;
    }
</style>
<body>
    <div>
        <h1> Tokyo Olympics 2020</h1>
        <p>Lorem ipsum, dolor s elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, doicing elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor sit asicing elit. Cobo eveniet repellat?</p>
        <p>Lorem ipsum, dog elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor sit amet g elit. Corpori eveniet repellat?</p>
        <p>Lorem ipsum, dolor sit ameorporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor sit amet  Corporis explicabo eveniet repellat?</p>
    </div>
</body>
</html>

Output :- 


CSS Relative Property 

The relative positioning property is used to set the element relative to its normal position. 

Example:-

<!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>Position in CSS </title>

</head>
<style>
   
    h1{
        colorred;
        positionrelative;
       
    }
</style>
<body>
    <div>
        <h1> Tokyo Olympics 2020</h1>
        <p>Lorem ipsupisicing elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum,adipisicing elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, adipisicing elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor elit. Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor sit . Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor  Corporis explicabo eveniet repellat?</p>
        <p>Lorem ipsum, dolor  Corporis explicabo eveniet repellat?</p>
    </div>
</body>
</html>

Output:-

CSS Absolute Positioning

In this property, the position is relative to its first position. In other words, It is positioned relative to its closest positioned ancestor. Let’s see through an example below:- 

Example:-

<!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>Position in CSS </title>

</head>
<style>
    body{
        background-colorlightblue;
    }
   h2{
       positionabsolute;
       background-colorlightcoral;
       colorblue;
       top200px;
       left100px;
   }
   h3{
       coloryellow;
       background-colorcornflowerblue;
   }
    h1{
        colorred;
        background-colorcornsilk;
        positionabsolute;
        top250px;
        left300px;
       
    }
</style>
<body>
   <p> It started from top left cornor. </p> 
   <h3> This is a heading without positioning.</h3>
    <h1> This is a Heading 1. </h1>
    <h2> This is a Heading 2. </h2>
</body>

</html> 

Output :- 


Continue Reading →

8/4/21

CSS Fonts Properties :- CSS Tutorials

Hey Friends, Today we are going to discuss CSS fonts. But before starting the article, I have to clear a thing that, font is part of both Html and CSS. In Html, we just placed our font and after it, we apply the property of the font using CSS. In a website, font played a very important role to look your website more beautiful and stylish.  So let’s started our today’s topic CSS Fonts.

CSS Fonts

CSS Fonts property is used to control the texture of your website. By using this property you can change anything of your font just like text, font-family, bold, italic, color, and many more thing. We can see these properties one by one in the below examples. But before it lets me cover some important font attributes. These are listed below:- 

  • CSS Font Color
  • CSS Font Family
  • CSS Font Weight
  • CSS Font Style
  • CSS Font Size

CSS Font Color

This Font CSS Property is used to change the color of the text of your web pages. You can change the text color in three different ways. These different ways are:- 

  • By Color Name
  • By Hexadecimal Value
  • By RGB Value

In the above example, we define all 3 ways to change text color.

 Example:-

<html>
<head>

</head>
<style>
    h1{
        colorred;
    }
    h2{
      color:  rgb(12398235);
    }
    h3{
        color#33FFDA;
    }

</style>
<body>
    <h1> This is Heading Number 1. </h1>

    <h2> This is Heading Number 2.</h2>

    <h3> This is Heading Number 3. </h3>
</body>
</html>

Output:-


CSS Font Family

This font CSS property is used to change the font of your web pages. You can provide any type of value to it. Just like: - Arial, Times New Roman, Monospace, Arial Bold, etc.  

Example:-

<html>
<head> 
</head>
<style>
    h1 {
        font-familysans-serif;
    }

    h2 {
        font-familyArial Impact, Haettenschweiler, 'Arial Narrow Bold'sans-serif;
    }

    h3 {
        font-familyImpact;
    }
</style>

<body>
    <h1> This is Heading Number 1. </h1>

    <h2> This is Heading Number 2.</h2>

    <h3> This is Heading Number 3. </h3>
</body>

</html>

Output:- 

CSS Font Weight

This Font Property is defined. how bold your text is. There are some different values by applying it you can change the font-weight accordingly to you. You can also use some predefined values such as Bold, Normal, Bolder, Light, etc.

Example:-

<html>
<head>
<title> This is title. </title>
</head>

<body>
  <p style="font-weight: lighter;"> This is 1st Paragraph. </p>
  <p style="font-weight: bolder;"> This is 2nd Paragraph. </p>
  <p style="font-weight: 800;"> This is 3rd paragraph. </p>
</body>
</html> 

Output:-


CSS Font Style

This property defines that how your text will appear on your webpage. It may be normal, bold, italic, oblique, etc. 

Example:-

<html>
<head>
<title> This is title. </title>
</head>
<style>
    #para1{
        font-styleitalic;
    }
    #para2{
        font-stylenormal;
    }
    #para3{
        font-styleoblique;
    }
</style>
<body>
  <p id = "para1"> This is 1st Paragraph. </p>
  <p id = "para2"> This is 2nd Paragraph. </p>
  <p id = "para3"> This is 3rd paragraph. </p>
</body>
</html>

Output:-


CSS Font Size

It define the size of the font appear on your webpages. It should be small, normal, medium, large. 

Example:-
<html>
<head>
<title> This is title. </title>
</head>

<body>
    <p style="font-size:small;">  This font size is small</p> 
    <p style="font-size:large;">  This font size is large. </p> 
    <p style="font-size:200%;">  This font size is set on 200%. </p>  
</body>
</html>

Output :-


People Also Read :- CSS Padding Property

Continue Reading →

7/6/21

CSS Padding Properties :- CSS Tutorials

CSS PADDING

CSS Padding Property is used to give some space between the element content and element border. Just like margin you can provide the padding from the top, bottom, left, right, etc. You can independently apply padding on the element using separate properties.  And you can also apply padding property at once by using shorthand property. 

But, Padding and margin property both are different from each other. The difference between margin and padding was the margin property would have applied outside the element. But the padding property would have applied inside the element.

CSS Padding Properties

  1. Padding: - This property is used to set padding in one declaration. 
  2. Padding-top: - This property is used to set padding at the top. 
  3. Padding-right: - It is used to set the padding from the right side of the element. 
  4. Padding-bottom: - It is used to set the padding from the bottom of the element. 
  5. Padding-left: - This property was applied from the left side of the element. 

CSS Padding Values

The Value of padding can be set in Four ways: -

  1. Length: - It Specifies padding in px, pt, cm etc.    
  2. % (percentage): - It define padding in % percentages
  3. Initial: - It set the padding at default values.
  4. Inherit: - It inherits padding from its parent elements

Example: - 

<!DOCTYPE html>
<html>

<head>
    <style>
        .container {
            displayflex;
        }

        #first,
        #second {
            border2px solid red;
            width30%;
            height120px;
            /* padding: 23px 23px 23px 23px; */
            margin23px;
        }
    </style>
</head>

<body>

    <h1> Padding Property </h1>

    <div class="container">
<p id="first"><b> This is First Paragraph.</b><br><br> Lorem ipsum, dolor
 sit amet consectetur adipisicing elit.
Assumenda libero impedit omnis voluptatibus, in neque 
nulla sed quis voluptatum repellat! Hic, cumque vero!</p>
        
<p id="second"> <b> This is Second paragraph.</b><br><br> lsdjlajsdljaldsj
asdjflasjdflajsdlfjasldfjlas dflads flaskdj fl asdjflkasd flasdjflkasd 
jflkasdjfil asdflkasdjf jdlasd flsad flkasdjf lasdfj lasdf alskdjfalsk dfjlaksd
faslkdfj alskdfjlaksd jflasdjflk .</p>
   
 </div>

</body>

</html>

Ouput: -

Without Padding

With Padding


Continue Reading →

Like us on facebook

blogger templatesblogger widgets

Follow on Twitter

Linkedin

Categories

Mad About Computer. Powered by Blogger.