Title Text Goes Here
Download 2.8 Mb. View original pdf
|
- Navigate this page:
- The HTML Skeleton
| Introduction to HTML HTML is short for HyperText Markup Language. Web pages are built using html tags. So that you understand what a "tag" is, here is an example Each tag consists of the containers, which are the lesser than (<) and greater than (>) arrows, and the HTML element within them. The arrows and the HTML element together are commonly called an HTML tag, or an HTML command by some. The example tag above is the beginning of an HTML document. It tells the browser the document is a page written in the HTML language so it can be interpreted and displayed according to the specifics of that language. There are dozens of tags, but only a few that you have to know to make a simple web page. If it looks confusing, just play along, it really isn't that difficult. These lessons in the basic section will walk you through it one step at a time. In about 20 minutes you'll have made your first web page To begin with, you'll need a browser, (d-oh!) and a text editor. There are HTML editors that make web page building easier for some people, but for this tutorial we'll assume you don't have one. If you do and want to use it, feel free, as long as it allows you to enter code directly it doesn't matter what you use. It is best to learn to code by hand even if you plan on using an HTML editor later on. That's the only way you'll know how to troubleshoot problems, and problems do arise from time to time even for the most skilled webmasters. We will use Notepad, so will refer to that later in this tutorial. Notepad comes with every Windows PC, and if you learn the simple language, it's all you really need. You'll find it in your Accessories folder. TYPE THE DOCUMENT TITLE 26 The HTML Skeleton Below are the tags every HTML document must have. In the past you could type the HTML tags in either lowercase or capital letters, but there area few that cause problems in certain browsers when entered in uppercase. Nowadays, because other languages such as XHTML require that tags be in lowercase, and because many people are calling for the same requirement for HTML, I strongly urge you to code in lowercase at all times. It may seem fussy, but cross-platform display consistency is the goal, and that can only be accomplished by having standards everyone follows. These tags are the bare necessities Content Area Between the opening and closing body tags is where you place the actual content you want displayed to the public. tag. The area between the opening and closing body tags is where you put the content you want to show upon the web page when viewed with a browser. Other HTML elements are used within this area as well, which allow you to add images, create paragraph spaces, and to code other display instructions. These other formatting tags do not show upon the web page, but merely tell the browser how to display the information you want to present. When you've completed this tutorial you can go to the individual tutorials and add whatever elements you wish to play around with to your first web page. After the BODY tag is where you put the content you want to show on a web page. Your pictures, jokes, links and all else goes here. So for now, just enter the tag under the tag and type a brief message for demonstration purposes. The last thing to do is to cancel the BODY and HTML elements. In HTML we always cancel tags in the reverse order they were opened, so type Its fun to know the basics of webpage and to have used the little I have learnt to create a simple but fascinating web page. Thanks to all that have contributed in one way or the other for the development of this material. Defines the document's body Download 2.8 Mb. Share with your friends:
|