How to Center an Image Using HTML Programming
HTML, Hypertext Markup Language, is a computer language used to create web pages. Web sites and web pages are written in HTML code. Whether setting up a personal or business web page, learning HTML code is beneficial for basic web page building skills. Knowing how to use the codes can help you manipulate your page settings for good web design. HTML documents contain plain text and have the .html or .htm extension. Center your image on the page for more appeal.
- Difficulty:
- Moderately Easy
Instructions
-
-
1
Start your word processor or text editor that you will use to create your web page.
-
2
Choose the GIF image that you wish to center on your page and save it in a location on your computer. If needed, you may reduce the size of the image so that it will take up less space on your computer. In order to reduce the size of the image, you need an image editing program.
-
3
Type <CENTER><IMG SRC=”?”></CENTER> Replace the question mark with the location of the image on your computer. If it is stored in the same folder as your web page, you can specify just the name of the image. Your text should look like the example below.
<HTML>
<HEAD><TITLE>This is your title.</TITLE>
</HEAD>
<BODY><H1><CENTER>This is your text.</CENTER>
<CENTER><IMG SRC=“photo.jpg”></CENTER> -
4
Open a new web browser to verify that your web page displays the text as centered on your page.
-
1
Related Searches
Resources
- Photo Credit Photo courtesy of Expert Village
Comments
-
This article should be updated or removed, the tag is nolonger supported and doesn't even display properly on the latest version of Firefox.
-
No that is also not used anymore .centerPic{ width: px; margin-right: auto; margin-left: auto; height: px; }
-
Then its not a web-page, its an e-mail!
-
thanks simple way to centre one thing if it were loads of things I would use CSS!
-
Thank you!
