HTML

HTML stands for HyperText Markup Language.
                 H yper
                 T ext
                 M arkup
                 L anguage

 What you need to Design HTML
  1. create your web page in a text editor such as NotePad (typing in all the text and tags)
  2. save your web page as an HTML file using any appropriate name
  3. load the HTML file into the browser to see how your web page looks and works
  4. switch back to NotePad to make any corrections, changes, etc. 


WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE?


  1. Text Editor such as NotePad (typing in all the text and tags)
  2. save your web page as an HTML file using any appropriate name
  3. load the HTML file into the browser to see how your web page looks and works
  4. switch back to NotePad to make any corrections, changes, etc. 

HTML TAGS

HTML works in a very straightforward manner. You type in your text and your tags. To get large print, centered text, bold text, text in italics, indented sentences, colored text, etc., is nothing more than inserting tags around your text. These tags are more accurately called ELEMENTS and you should think of these elements as describing the meaning of the text they contain, rather than how the enclosed text should be displayed. This concept is called content-based markup, as opposed to presentational markup. We will get more into this in Lesson Four when we study web page design. Because we don't want the tags (elements) to appear in the browser, we need a way to tell the browser that something is a tag - and this is easy to do. To tell the browser that something is a tag, you simply place "less than" and "greater than" symbols around them. The LESS THAN symbol is "<" and the GREATER THAN symbol is ">". These symbols are also called "Angle Brackets". Thus we have an opening angle bracket "<" and a closing angle bracket ">" around each tag. I have also heard them called "pointed brackets".


<BR>, <P> and <HR> TAGS

<BR>
<BR> tells your browser to go to the beginning of the next line. BR stands for line BReak. <BR> acts in the same way as the ENTER key on your keyboard. When you press the ENTER key, the cursor goes to the beginning of the next line. With <BR>, the browser is also told to go to the beginning of the next line. Remember that when you save an HTML document, you are saving it as TEXT ONLY which means that no codes are saved and so your browser will not know when to end a line and continue on to the next line. The <BR> tag does this for you.
<P>
<P> for Paragraph tells your browser to insert a blank or empty line and then begin a new line (a new paragraph). <BR> tells the browser when a line has ended while <P> tells the browser to leave a blank line and begin a new paragraph.
<HR>
<HR> puts a line across the page. HR stands for Horizontal Rule. The two lines you see below were put there with <HR> tags.


<HTML> and </HTML> tags

Before we can try out the <BR>, <P>, and <HR> features, we first need to learn how to set things up properly in an HTML document (or file as it is also called). Every HTML document should first be declared that it is in fact an HTML document. When the document is completed we also need to indicate this. You do this with the tags <HTML> and </HTML>. Recall that HTML stands for HyperText Markup Language which is the language of web page design. <HTML> is the beginning tag and </HTML> is the ending tag. The forward slash before the tag (</ >) cancels the effect of the tag. This is true for all tags that affect text. Thus <HTML> tells the browser that what follows is an HTML document and </HTML> tells the browser that the HTML document is completed. You can therefore think of the <HTML> and </HTML> tags as "containers", containing the entire HTML document. Therefore HTML is called a container element. You should use the HTML element for each of your web pages.



<HEAD>, </HEAD>, <TITLE>, </TITLE>, <BODY> and </BODY> tags

In this section we will study the HEAD, TITLE and BODY container elements and we will learn about these tags (most people still refer to "elements" as "tags") by studying the following web page (HTML document).
It is good to be actively involved in each lesson, so please SWITCH to NOTEPAD, and type in the following HTML web page. After you have typed it in, you will save the document and then view it in your browser.
Here is the web page. Please type:
<HTML>
<HEAD>
<TITLE>WEB PAGE DESIGN - BASIC TAGS</TITLE>
</HEAD>
<BODY>
<H1> This is first heading </H1>
<H2> This is second Heading </H2>
<p> This is a paragraph, </p>

</BODY>
       </HTML>


 



No comments:

Post a Comment