How to insert into HTML-codes of the picture

How to insert into HTML-codes of the picture

The message on an Internet resource is by no means not always the text. A number of bloggers already acquired that the images which are not needing comments of the author can work on readers much stronger, so, all message can consist of pictures entirely. Special HTML tags allow to fill with them a post.

It is required to you

  • - Internet access;
  • - images of high quality.

Instruction

1. Previously load all images on a photohosting. The live broadcast of files from the computer is impossible. Revise files: refuse the spread personnel, the brought-down focus or improper color rendering, too small or too big size. Images should be accurate, focused and at the same time quickly loaded.

2. Save the addresses of pictures. As a rule, links to pages with them terminate on .jpg, .tiff or in this way.

3. Create the new blog posting or on the website, check that the HTML-editor is included. At an insert of tags in the visual mode the code will not be transformed to the picture. Further insert <img src= "" the picture address "">. Insert the link to the first of pictures into the necessary place.

4. Adjust the size of the file displayed in the message. Tags of width = and height= are responsible for it. Insert one of them or both, at will. At an insert the one second parameter is adjusted in proportion, and when using two you can change proportions intentionally or accidentally. Overall picture is as follows: <img src= "" the address of your picture"" width=500"">, where digits after the tag – the size in pixels.

5. If desired add a frame around the image. For this purpose the tag is inserted into the code: <img src= "" ""style= """ border: 10px green;"">. The frame will be green, 10 pixels wide. If desired correct parameters.

6. Use the picture as the link. In that case it not only will be displayed in your post, but also will bring the reader on a third-party resource. The code looks so: <href= "" PAGE ADDRESS"" target= _ blank title= "" explanatory text""> <img src= "" URL of the picture""> </a>. Replace the corresponding points in an example with the addresses and own text. As a result at guidance of the cursor on the picture the text will emerge, and at click a link will be opened in a new window.

Author: «MirrorInfo» Dream Team


Print