6/21/21

How to Make a Jpg image to pdf.

Converting an image into pdf is very easy but some people don’t know how to make a pdf of an image. So friend’s today tutorial based on it. I know a lot of people already know about it. If you know that great, but friend here, there are many other people who don’t know how to convert. In this tutorial, I am going to tell you many methods to convert an image into pdf. So Let’s Begin…

OFFLINE METHOD

In Window & laptop using MS Word

As we have written in our title you can make a pdf through MS Word. Here is the Step to make pdf through MS Word.

1. Open MS Word


2. Go to the Insert menu & Click on the picture option given on it.


3. Now Select the image which you want to convert into pdf. 


4. After it, press f12 key from your keyboard. 

5. Select the location where you want to save your pdf.

6. Now select the save as type as .pdf and then press Enter to Save.

Using PowerPoint

You can also convert an image to pdf using PowerPoint. You just need to follow the same procedure in PowerPoint as you followed in MS word.

ONLINE METHOD

If you have internet connectivity on your laptop or computer. Then you don’t need to follow the above steps. You just need to go to the website given below and just select the convert jpg to pdf option from the given options. And just drag the image on the window screen and press convert your image is successfully converted into pdf.  

Let’s see an example below.

Steps:- 

1. Open Google Chrome and go to the Search bar. 

2. Type “Image to pdf Converter” and press Enter.


3. Now you can see there is a lot of websites which is converting image to pdf. But my favorite is ilovepdf.com. Open the link in the new tab.




4. Now drag the image or open the image which you want to convert into pdf. 



5. Choose the pdf style (Portrait or landscape). And Also the Margin of the pdf. 



6. After it clicks on the Convert to pdf option


For me, the online method is the easiest method. You just need to drag the image and press the convert button and your pdf will ready to download. But when you stuck in a situation where you haven’t internet access in your laptop, pc, & mobile. You should go with the first method and make your pdf without the internet.


These are the two methods to making an image to pdf. We have discussed these two methods (Online & Offline). Hope you guys are understood well. 


Continue Reading →

6/19/21

C Program to Convert the ASCII code to Character.

C Program to Convert the ASCII code to Character.


#include<stdio.h>

void main()
{
int a;
char ch;
printf("Enter any ch ASCII Code=");
scanf("%d",&a);
ch=a;
printf("Code is %d is %c",a,ch);
getch();
}

Output:-





Continue Reading →

6/17/21

CSS Tutorial : CSS Border Radius Property

Hey Friends, in the last tutorial we had seen the CSS Border Property. There are 4 attributes in CSS border property. We have already discussed the first 3 attributes (color, width, and style). If you haven’t read then read the previous one first then read this tutorial. Now we are going to discuss the CSS Border Radius property. So let’s Begin….

CSS Border Radius Property 

This CSS property is used to set the rounded corner of the Html elements. It defines the radius of the element. We can change all four corners of the box with different values. The Value of this property can be defined in percentage and length units. This CSS Property has four attributes. These are:- 

  1. Border-top-left-radius
  2. Border-top-right-radius
  3. Border-bottom-left-radius
  4. Border-bottom-right-radius

Let see an amazing example of it. 

Example:- 

<html>
<head>
    <title> CSS Border Radius Property </title>
    <style>
        *{
            margin30px;
        }
        body{
            displayflex;
        }
       .box{
           padding23px;
           height20%;
           width20%;
           border-stylesolid;
           border-radius23%;
       }
       #box1{
           background-colorburlywood;
       }
       #box2{
           background-colorcornflowerblue;
       }
       #box3{
           background-colordarkgray;
       }
       #box4{
           background-colordarkorchid;
       }
        
    </style>
</head>
<body>
  <p class="box" id="box1"> Box 1</p>
  <p class="box" id="box2"> Box 2</p>
  <p class="box" id="box3"> Box 3</p>
  <p class="box" id="box4"> Box 4</p>
</body>
</html>

Output:-

In this example, you saw how all the corners of the box got rounded. If the user want to corner only the left side of the box. Then you have to select the border-top-left-radius attribute. Now the below example will show you to change all the box corner with different values. 

Example:-

<html>
<head>
    <title> CSS Border Radius Property </title>
    <style>
        *{
            margin30px;
        }
        body{
            displayflex;
        }
       .box{
           padding23px;
           height20%;
           width20%;
           border-stylesolid;
       }
       #box1{
           background-colorburlywood;
           border-top-left-radius20px;
           border-top-right-radius30px;
           border-bottom-left-radius40px;
           border-bottom-right-radius50px;
       }
       #box2{
           background-colorcornflowerblue;
           border-top-left-radius5px;
           border-top-right-radius10px;
           border-bottom-left-radius15px;
           border-bottom-right-radius20px;
       }
       #box3{
           background-colordarkgray;
           border-top-left-radius56px;
           border-top-right-radius72px;
           border-bottom-left-radius33px;
           border-bottom-right-radius33px;
       }
       #box4{
           background-colordarkorchid;
           border-top-left-radius40px;
           border-top-right-radius35px;
           border-bottom-left-radius25px;
           border-bottom-right-radius15px;
       } 
    </style>
</head>
<body>
  <p class="box" id="box1"> Box 1</p>
  <p class="box" id="box2"> Box 2</p>
  <p class="box" id="box3"> Box 3</p>
  <p class="box" id="box4"> Box 4</p>
</body>
</html>

Output:-


People Also Read:- CSS Background Property

People Also Read:- CSS Selectors and Different types of Selectors

Continue Reading →

6/16/21

CSS Tutorials : CSS Border Property


Hey Friends, in the last tutorial we have seen about the CSS background property. Now, this tutorial is based on CSS Border Property. So let’s begin...

CSS Border Property

The CSS border property is a property that is used to set the border of Html elements. This property is used to specify the color, style and the size of the border of an element. There are some border property shown below:-

  1. Border-color
  2. Border-style
  3. Border-radius
  4. Border-width

Now we are going to discuss these properties in detail.

1) Border Color CSS Property

This border property is used to specify the color of the border. There are 3 methods to set the color of the border these are:- 

  1. Name:- It Specifies the name of the color. For Example:- “Red”, “Yellow” etc
  2. RGB :- It Specifies the RGB value of the color. For Example :- rgb(0,0,0,0), rgb(1,8,6,2.5) etc
  3. Hex :- It Specifies the hex decimal value of the color. For Example :- #ff000, #f2f2f2 etc

Example:- 

    
<style>
        body{
            displayflex;
            
        }
        div{
            margin10px;
        }
        #first {
            border-stylesolid;
           border-colorred;
            width23%;
            height20%;
        }

        #second {
            border-stylesolid;
            border-colorrgb(00,0);
            width23%;
            height20%;
        }

        #third{
            border-stylesolid;
            border-color#7f23d4;
            width23%;
            height20%;
        }
    </style>

Output:- 

2) Border Style CSS Property 

This CSS Border Style Property is used to specify the border type which you want to display in your Html file. There is a lot of border-style value from where you can select the different types of border style to border an element. 

  • None
  • Dotted
  • Dashed
  • Solid
  • Double
  • Groove
  • Inset
  • Outset
  • Ridge

Example:-

<html>
<head>
    <title> CSS Border Property </title>
<style>
    p.none {border-stylenone;}  
    p.dotted {border-styledotted;}  
    p.dashed {border-styledashed;}  
    p.solid {border-stylesolid;}  
    p.double {border-styledouble;}  
    p.groove {border-stylegroove;}  
    p.ridge {border-styleridge;}  
    p.inset {border-styleinset;}  
    p.outset {border-styleoutset;}  
    p.hidden {border-stylehidden;}
</style>
</head>

<body>
    <p class="none">No border.</p>  
    <p class="dotted">A dotted border.</p>  
    <p class="dashed">A dashed border.</p>  
    <p class="solid">A solid border.</p>  
    <p class="double">A double border.</p>  
    <p class="groove">A groove border.</p>  
    <p class="ridge">A ridge border.</p>  
    <p class="inset">An inset border.</p>  
    <p class="outset">An outset border.</p>  
    <p class="hidden">A hidden border.</p>  
</body>
</html>

Output:- 

3) Border Width CSS Property

This property is used to set the width or the border. It is set in pixels. You can also select from pre-defined values like - thin, thick, and medium

Note: - This property is not worked alone means you have to use border-style property first then you can set the width of the border.

Example:- 

<html>
<head>
    <title> CSS Border Property </title>
    <style>
        body{
            displayflex;
            
        }
        div{
            margin10px;
        }
        #first {
            border-stylesolid;
           border-colorred;
           border-width1px;
            width23%;
            height20%;
        }

        #second {
            border-stylesolid;
            border-colorrgb(00,0);
            border-widththick;
            width23%;
            height20%;
        }

        #third{
            border-stylesolid;
            border-color#7f23d4;
            border-width10px;
            width23%;
            height20%;
        }
    </style>
</head>

<body>
    <div id="first">
        Lorem ipsum dolor sit, id, ab aspernatur officiis, hmagnam atque pariatur alias iure itaque facere placeat
        nesciunt enim odit corporis? Provident.
    </div>
    <br>
    <br>
    <div id="second">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab pariatur modi amet deleniti, quisquam alias
        accusantium ipsa veritatis! Voluptate delectus nihil veritatis facere autem voluptatum et!
    </div>
<br><br>
    <div id="third">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, qui. 
    </div>
</body>
</html>

Output:- 

So Friend that’s all for this tutorial as you can see I have told only three property border-style, border-color, & border-width the last property is border-radius. We will discuss it in the next tutorial because the content of this property is very large so I thought that I have to make a separate tutorial on this topic.  

People Also Read :- CSS Background Property 

People Also Read :- How to Add CSS in HTML File.

Continue Reading →

6/12/21

CSS Tutorials : CSS Background Property Part - 2


3) CSS Background Repeat

If your image is small then by default image is repeated horizontally and vertically. Sometimes the user does not want to repeat its background image. Then in this situation, you can set the no-repeat value in the background-repeat CSS property. 

But if the user wanted to repeat it background image only horizontally not vertically then you have to use the repeat-x value in the background-repeat CSS property. And it also applies vertically you just need to change x and change it to y. x is used horizontally and y is used vertically.

Let us see through an example

Example:-

For no-repeat CSS Value 

<html>
<head>
    <title> CSS Background Property </title>
 
    <style>
        body{
            background-image: url(ex.jpg);
            background-repeatno-repeat;
        }
        }
    </style>
</head>
<body>
   <h1> CSS Background Color Property.</h1>
   <h2> This is 2nd Heading.</h2>
   <p> This is a Paragraph. </p>
</html>

Output :-  

For Repeat

Example :-

<html>
<head>
    <title> CSS Background Property </title>
    <style>
        body {
            background-imageurl(ex.jpg);
            background-repeatrepeat;
        }
    </style>
</head>
<body>
    <h1> CSS Background Color Property.</h1>
    <h2> This is 2nd Heading.</h2>
    <p> This is a Paragraph. </p>
</body>
</html>

Output :- 


4) Background Attachment

This Background CSS property is used when the user doesn’t want to scroll the background image. He just wanted to scroll only the content written on the Html document. You can either scroll the image of the background or fixed it in that position. 

Let’s us see through Example 

Example:- 

 <style>
        body {

            background-image: url(ex.jpg);
            background-repeat: no-repeat;
            background-attachment:fixed;
        }
    </style>

Output :-  


5) Background Position

This Background CSS Property is used to position the background image on the browser. You can place the background image anywhere in the browser you just need to write the background-position property. Let’s see it through an example.

Example :- 

<html>
<head>
    <title>
CSS Background Property </title>
    <style>
        body {

            background-image: url(ex.jpg);
            background-repeat: no-repeat;
            background-attachment:fixed;
            background-position: center; 
        }
    </style>
</head>
<body>
    <h1>
CSS Background Color Property.</h1>
    <h2> This is 2nd Heading.</h2>
    <p> This is a Paragraph. </p>
    <P>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem deleniti rerum, nobis ipsum neque eveniet ullam et ab voluptate cum quod, dicta beatae sed rem? Nam distinctio quis obcaecati sit.
</body>
</html>

Output:- 


Continue Reading →

6/7/21

CSS Tutorials :- CSS Background Property Part 1

CSS Background – CSS Property 

CSS Background property is used to define the background effects on the Html elements. There are 5 types of CSS Property that you can use it on the elements these are:- 

  1. Background-Color
  2. Background-image
  3. Background-repeat
  4. Background-position
  5. Background-attachment

CSS Background Color

This CSS property set the background color of any Html element in which the background property is used. 

Example:- 

<html>
<head>
    <title> CSS Background Property </title>
    <style>
        * {
            colorred;
        }

        h1 {
            background-coloryellow;
        }

        h2 {
            background-colorgreen;
        }

        p {
            background-colorblue;
        }
    </style>
</head>
<body>
    <h1> CSS Background Color Property.</h1>
    <h2> This is 2nd Heading.</h2>
    <p> This is a Paragraph. </p>
</html>

Output :- 

CSS Background Image 

This CSS Background Property is used to set an image as a background. You can set any type of image as a background of a html document. Just you need to enter the url or that image into you html documents.

Example:-

<html>
<head>
    <title> CSS Background Property </title>
    <style>
        body {
            background-imageurl(ex.jpg);
        }
    </style>
</head>
<body>
    <h1> CSS Background Color Property.</h1>
    <h2> This is 2nd Heading.</h2>
    <p> This is a Paragraph. </p>
</body>
</html>

Output:-



Continue Reading →

6/5/21

CSS-Tutorials :- How to Add CSS in HTML Documents.

Hey Friends in our last tutorial we have seen that how to select the Html element in CSS. And Different types of selectors available in CSS. Now in this tutorial, we are going to learn about how to insert CSS in our Html file. So let’s begin…

How to ADD CSS in HTML Document.

There are commonly three ways to add CSS in your Html document. These are:- 

  • Inline CSS
  • Internal CSS
  • External CSS

1) INLINE CSS

The first method to add css into html document was Inline CSS. In the Inline CSS, CSS Property will be written inside the html element. For Example:- 

Ex :-    <p style="color: red; background-color: yellow; "> This is a Paragraph.</p>

Example :- 

<html>
<head>
    <title> Add CSS to html File </title>
</head>
<body>
   <p style="color: red; background-color: yellow; font-size: 30px;"> This is a Paragraph.</p>
</html>

Output :- 

2) Internal CSS 

This is the second method to add CSS into the Html documents. Internal CSS is used under the style tag. It affects all the Html elements of the page. For Example:- 

Ex :-    <style> p : { color : red; } </style>

Important: The main difference between inline and internal CSS Was:- 

  • In Inline CSS, CSS Property is used only on the particular element in which CSS has written, it doesn’t affect other elements. 
  • But in Internal CSS, CSS Property will apply in all the Html elements used in your Html document. Look at the example below. 

Example :- 

<html>
<head>
    <title> Add CSS to html File </title>
</head>
<style>
    p{
        color: red;
        font-size: 33px;
        background-color: rgb(168, 214, 168);
    }
</style>
<body>
   <p> This is a Paragraph.</p>
   <p> This is the Second Paragraph. </p>
</html>
Output :-

3) External CSS 

This is the last method and for web developers, it is a very useful method comparing to the other methods. In this method, a new CSS file will be created and add to the Html documents. All the CSS property is written on this file.  Let us see through an example

Example:- 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">   // Style.css is a File in which all the css code is written. 
</head>
<body>
    <h1> This is a Heading. </h1>
    <p> This is a Paragraph </p>
    <div>
        <p> This is a Paragraph Inside Div Container.</p>
    </div>
</body>
</html>

CSS Code :- 

p{
    background-color: yellow;
    color: red;
    font-size: 23px;
}
h1{
    font-size: 30px;
    color: green;
    background-color: greenyellow;
}

Output:-

You May Also Like :- 


Continue Reading →

6/2/21

C Program to Find that Given Year is a Leap Year Or Not.

Program to Find that Given Input is a Leap Year Or Not.

#include<stdio.h>
void main ()
{
int y;
printf ("Enter Any Year ");
scanf("%d",&y);
if (y%4==0)
    if (y%100==0)
        if (y%400==0)
            printf("Leap Year");
        else
        printf("Not Leap year");
    else
    printf("Leap Year");
else
printf("Not Leap Year");
getch();
}

Output:- 




Continue Reading →

5/21/21

CSS tutorials : CSS Selector & Different type of CSS Selectors Part 3

(4) CSS Group Selectors 

In CSS, you can also give the same style in any Html element just need to write the style at once. You just need to select the all the Html element at once and give them style which you want. This type of selection is done by Group Selectors. In simple words, you can style many Html elements just to select them at once. You don’t need to write style for all Html elements. 

Let Us See through an example:- 

In this example, we will show you that how one style sheet will style on all the Html elements with the help of group selectors. 

Example:- 

<html>
<head>
 <title> CSS Selectors </title>
</head>
<style>
    p, h1, h2, span {
        font: 120px;
        Color: red;
        Background-color: Yellow;
        border: 2px solid green;
    }
</style>
<body>
<h1> This is a 1st Heading. </h1>
<p>  Lorem, ipsum dololoam hic minus ducimus? Deserunt commodi eaque sit expedita. </p>
<span> This is a Span.</span>
<h2>This is 2nd heading. </h2>
<p>Lorem ipsum dolor oloremque consequatur repellendus magni? Reprehenderit aut asperiores id?</p>
</html> 

Output :- 

As you can see in the above example how all the Html elements group together and once CSS properties will apply to all of them. 

(5) CSS Universal Selectors 

CSS Universal Selectors is used when you want apply a particular CSS properties to all the html elements. 

Let’s see through an example :- 

<html>
<head>
 <title> CSS Selectors </title>
</head>
<style>
   * {
     background-color: rgb(207, 107, 107);
    }
</style>
<body>
<div> <p> This is a Paragraph inside Div Container.</p> </div>
<p> This is a Paragraph Outside the Div Container.</p>
<div> <span> This is a Span tag inside the Div Container. </span></div>
<div> <textarea> Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, esse? 
</textarea></div>
<div> Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, debitis? Lorem ipsum 
dolor sit amet consectetur, adipisicing elit. Error recusandae dolore eius eum asperiores?</div>
</html> 

Output :- 


In this example, we have applied the background-color CSS property to all the Html elements that why the background color of all the Html elements will change. But you can use a universal selector in many different ways. Let’s see through an amazing example. 

Example: -

<html>
<head>
 <title> CSS Selectors </title>
</head>
<style>
    div * {
        background-color: rgb(207, 107, 107);
  }
</style>
<body>
<div> <p> This is a Paragraph inside Div Container.</p> </div>
<p> This is a Paragraph Outside the Div Container.</p>
<div> <span> This is a Span tag inside the Div Container. </span></div>
<div> <textarea> Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, esse?</textarea></div>
 <div> Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, debitis? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Error recusandae dolore eius eum asperiores?</div>
</html>

Output :- 

In the above example, we saw that how we used the universal selector for the elements which is inside the div containers. The CSS property only applies to the elements which are inside the div containers. It doesn’t affect the other elements which are outside the div container.

Hope you all understand. If you still have any problem regard this, then tell us by commenting below, we will definitely try to solve the problem.  


Continue Reading →

Like us on facebook

blogger templatesblogger widgets

Follow on Twitter

Linkedin

Categories

Contact Form

Name

Email *

Message *

Mad About Computer. Powered by Blogger.