Not Your Common Code - Web Page Design with Html
A Web Hosting Article Contributed by Samwell
Basics of Web Page Design with Html
Using HTML Code to do web page design is not as scary as it looks when you are first looking at starting out. To do a basic web page you really only need to know a few different tags, which are what we call the building blocks of design with HTML.
Now the first thing you have to think about is what you will use to do your page design in. I used Notepad for the first page I ever did, because I wanted to learn how to write HTML code, and I think that it is a good idea whether you are going to code your whole page or not to have a basic grasp of HTML. This will help you to find any mistakes you have made if you are using a different method of designing your page.
Now, if you do a search on the web you will find a lot of tutorials on HTML, the best actually being at Webmonkey.com, which is part of the Geocities free web host site. This is just meant to give you an idea of the basics, and hopefully get you interested enough in writing your own code to take advantage of the wealth of online information.
Html Tags for Web Page Design
When you are designing a web page it is important that all the code on your page goes between the and the tag. The first tag lets the browser know what it is looking at so that the page can be properly displayed, and the last one tells the browser it is at the end of the page.
You can always tell the closing tag because of the forward slash that follows the <. The next tag is the
tag which is where you store page information, such as Meta Tags which help to optimize your page for search engines. The only thing that people who see your page see that is in the head is whatever is contained in between theOnce you have finished with the , you put in the
tag. Everything after this is pretty much visible. Now before I get too too far, I should mention that HTML tags aren't case sensitive, but you should always keep them uniform. In other words if you start lower case, keep it lower case. Now the next tag you will put in will likely hold the title, so you can use a heading tag such as . The headings come in various sizes, with the larger headings having the lower numbers.After this you just have to use the paragraph tags
for text. These are the only tags that don't specifically need a closing tag, though for the sake of uniformity it is a good idea to use them. You can also format your font face > whether you want it bold , or italic or underlined . When you get to the end of the paragraph, you may not want to use another tag as it will make a space between, paragraphs as it is like a hard return in Word. Instead you may wish to use the break tag Now say you want to link to another page, or put in a graphic. These tags are a little more difficult, but with practice will become second nature. To add a graphic you would use this code, although, I am using generic file names and locations. To add a link you would use this code with this text being the link. If you put an image tag in between the opening and closing tags of the link tags you can use a graphic for the link. This is the technique used for a thumbnail gallery. In this way you can see a small picture to help you decide whether you want to look at the larger image, and you don't have to wait forever for a lot of large pictures to load. Well you should have a very basic idea how HTML works, remember, there are a lot of places on the web to find more information on HTML, and I hope you will look into them. Have fun - Web page design, while it can be a job, will really get those creative juices flowing.
which is like a soft return and doesn't leave an empty line.Advanced Html Tags for Web Page Design
This will cause the web browser to search out the folder on your web page and find the graphic file you refer to. The numbers are the border around the picture, in this case none, the horizontal spacing, and the size of the picture. It is extremely important to know where the graphic is and not to misspell the folder or filename as the browser will not find it otherwise. You can also use an address of a graphic on the web provided you have the permission of the page owner.
