PowerPoint Presentation
Next - Begins your HTML document.
- Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.
- The TITLE of your page. This will be visible in the title bar of the viewers browser.
- Closes the HTML tag.
- Closes the HTML tag.
- This is where you will begin writing your document and placing your HTML codes.
- Closes the HTML tag.
- Closes the tag.
Creating an HTML Page
A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor
HTML codes, also referred to as HTML tags, are enclosed by the lesser than () brackets and may be written in capital or lower case letters.
The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.
An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.
Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign.
The value follows the equal sign and is enclosed in quotes.
Basic HTML Document Code Structure
Your Page Title
This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.
For a complete list of HTML codes, tags and examples, see the HTML chart below.
For Example
Basic HTML Web Page Structure
A web page constructed using HTML has a basic and essential structure. The page always begins with the start tag of the html element and always terminates with the end tag of the html element as follows:
...web page...
The html element basically tells your computer that this is an HTML document. All other element tags are 'nested' within the start and end html tags. The web page is then further subdivided into two main sections which are the 'head' and the 'body'.
The head section begins with the start tag and terminates with the end tag. Immediately following this comes the start tag and just before the html end tag comes the end tag.
There is only one set of ... tags, one set of ... tags and one set of ... tags. This basic HTML web page structure can be illustrated by the following example:
The head section or document head has little content and mostly contains HTML coded instructions on how to title, categorize and 'run' the web page. The body section or document body on the other hand contains almost all of the content that you will put on your web page and this content usually text but can also be pictures and sounds is formatted using more HTML code.
All text that you place outside of any angle brackets will become 'visible text' and will be displayed by your web browser on your web page. By placing that text in between the start and end tags of certain HTML elements, you can instruct a web browser where and how to display that text.
Adding a Title to your Web Page
Web pages usually have a title that appears in the title bar that runs across the very top of the web page. This title is created using the ... tags which are themselves always nested within the ... tags. All text appearing after the start tag and before the end tag will be displayed as your web page title.
For Example:
My Home Page
Example:
Adding Content to your Web Page
Now to add some content to your web page all you have to do is type some text in between the ... tags. So let's, for example, put the words 'HELLO WORLD!' on your web page.
My Home Page
HELLO WORLD!
My Home Page
Example:
HELLO WORLD!
I Hope You Learn a Lot ! Thanks Special Thanks to:
Mr. Juan Reluba for letting me use the Computer Lab.
Submitted by: Eduardo Martinez Jr
