How To Put A Header On The Site

Table of contents:

How To Put A Header On The Site
How To Put A Header On The Site

Video: How To Put A Header On The Site

Video: How To Put A Header On The Site
Video: The BEST Way to Build a Header! [HTML,CSS] 2024, December
Anonim

Today, a huge number of sites are hosted on the Internet. Many of them were made several years ago. And the time is right to change something on the site: text, arrangement of information blocks, some graphic elements. From the information below, you will learn how to change the header on the site.

How to put a header on the site
How to put a header on the site

Instructions

Step 1

Before doing this, you must know how the Internet pages are arranged. Any HTML document is usually divided into three main parts: header, main content, and footer. The header of the site is the upper part of the site, which is first seen by the user. They are different. This is either just a logo with navigation, or a picture with contact information, or a flash movie. Let's look at a simple version of how you can change the site header, which consists of a picture and a small contact information.

Step 2

Prepare the image. Optimize it, bring it to the desired size. Save in a specific format: either JPEG, GIF, or PNG. Then upload the image to the hosting into the folder where all the graphic files of the site are located. The hat is ready for replacement.

Step 3

Open the site in an HTML editor. Find the line that is shown in the image. Please note that the line you need must be located either at the top of the table layout, or in the container. Similar lines below are most likely responsible for other images on the site.

Step 4

Write the path to your image in the "src" attribute. "Src = images (folder on the hosting where you saved the site header image) /dzen.png

Step 5

This is the easiest way to add a new header to your website. For more complex options, you will need a deeper knowledge of HTML and CSS tables.

Recommended: