Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating Webpage Using HTML

Similar presentations


Presentation on theme: "Creating Webpage Using HTML"— Presentation transcript:

1 Creating Webpage Using HTML

2 About HTML HTML is the Original publishing language of the World Wide Web. All other website building platforms are based on HTML. If you want to create a website with XHTML, ASP or PHP, you must first learn the basics of creating web pages with HTML code.

3 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 (<) and greater than (>) brackets and may be written in capital or lower case letters.

4 The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.  <font size=2> An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.

5 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.  <font size=2>

6 Basic HTML Document Code Structure
<html> <head> <title>Your Page Title</title> </head> <body> 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. </body> </html> For Example 

7 Next

8 <html> - Begins your HTML document
<html> - Begins your HTML document. <head> - 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. <title> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser. </title> - Closes the HTML <title> tag. </head> - Closes the HTML <head> tag. <body> - This is where you will begin writing your document and placing your HTML codes. </body> - Closes the HTML <body> tag. </html> - Closes the <html> tag.

9 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: <html> web page </html>

10 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 <head> start tag and terminates with the </head> end tag. Immediately following this comes the <body> start tag and just before the html end tag comes the </body> end tag.

11 There is only one set of <html>
There is only one set of <html>...</html> tags, one set of <head>...</head> tags and one set of <body>...</body> tags. This basic HTML web page structure can be illustrated by the following example: <html> <head> </head> <body> </body> </html>

12 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.

13 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.

14 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 <title>...</title> tags which are themselves always nested within the <head>...</head> tags. All text appearing after the <title> start tag and before the </title> end tag will be displayed as your web page title. For Example:

15 <html> <head> <title> My Home Page </title> </head> <body> </body> </html>

16 <html> <head> <title> My Home Page </title> </head> Example: <body> </body> </html>

17

18 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 <body>...</body> tags. So let's, for example, put the words 'HELLO WORLD!' on your web page.

19 <html> <head> <title> My Home Page </title> </head> <body> HELLO WORLD! </body> </html>

20 <html> <head> <title> My Home Page </title> </head> Example: <body> HELLO WORLD! </body> </html>

21

22 I Hope You Learn a Lot ! Thanks

23 Special Thanks to: Mr. Juan Reluba for letting me use the Computer Lab

24 Submitted by: Eduardo Martinez Jr


Download ppt "Creating Webpage Using HTML"

Similar presentations


Ads by Google