How To Put Your Picture On The Site

Table of contents:

How To Put Your Picture On The Site
How To Put Your Picture On The Site

Video: How To Put Your Picture On The Site

Video: How To Put Your Picture On The Site
Video: 15: How to Insert Images Using HTML and CSS | Learn HTML and CSS | HTML Tutorial | Basics of CSS 2024, December
Anonim

In the information world, the Internet occupies one of the key positions. Pages are becoming more and more beautiful - graphic design of resources is becoming the norm. The ability to place the desired image on the site is one of the main ones for a web-master.

How to put your picture on the site
How to put your picture on the site

Necessary

Knowledge of the basics of HTML and one of its editors

Instructions

Step 1

To do this, you will need knowledge of the basics of the HTML language and one of its editors. You will need access to the server where your site is located.

Before making any changes to the page, you must prepare your image. It must be optimized and saved in one of three formats: JPEG, GIF, or PNG.

Step 2

Using any ftp - client or hosting, upload your image to the server in the folder where all site images are located. It is usually called images.

Then open the required page in the HTML editor. Now write the following code in the place where you want to place the picture. An example in the image.

Step 3

It should be remembered that the tag " is used to place images on the site. It has a "src" attribute, which indicates the path to the graphic file. Also for this tag you will need to specify the "alt" attribute. It will write the alternative text that the user will see when loading the page if his images are disabled in the browser. Be sure to check that the path to the graphic file is correct, otherwise the picture will not appear on the site.

Step 4

Save your changes. Open your page in a browser. If you did everything correctly, you will see the posted image on the page.

Recommended: