<html> <head> <title> Basic HTML PowerPoint </title> </head> <body> How Hyper Text Markup Language Works </body> </html>
Basics of HTML 2 ways to view a webpage Web view is how the browser interrupts your code (how you normally view web pages). The purpose of a web browser (like Internet Explorer, Firefox, Chrome, etc) is to read HTML documents and display them as web pages. Source code view is the written text that is created by the web designer. The source code for any webpage can be viewed . HTML tags are written between angle brackets or wickets (< >) and most tags will usually come in pairs like <i> and </i>
Basics of HTML cont. The first tag in a pair is called the opening tag (<i> ) and the second is called the closing tag (</i> **note the “/”) The browser does not display the HTML tags, but uses the tags to interpret the content of the page. Tags order matters! If you open the tags one way then it must reverse when closed. Example: <b><i>Hello World</i></b> Tags are not case sensitive
Basics of HTML cont. All HTML documents start with <HTML> and end with </HTML> Every HTML webpage has 2 sections which are denoted by HTML tags <Head> <Body> The Head section will always open & close before the Body section opens
Basics of HTML – Head Section This section always begins with <head> and ends with </head> This section will not be visible in the body of the web browser The name of the webpage that appears in the title bar is placed in this section Example: <title>My First Page</title> Others elements can be placed in this section but we will go over those in a later lesson
Basics of HTML – Body Section Information displayed in this section will be displayed in the body of the web browser The closing body tag will always proceed the closing HTML tag.
Basics of HTML – Saving How to save as HTML File -> Save As -> (the name you want the file to be).html When you save as .html this tells the computer that this file should be opened by a browser If using a simple text editor, typing .html manually is required Example: MyFirstPage.html MyFirstPage.doc - Will open as a webpage - Will not open as a webpage
Basics of HTML – REVIEW <html> <head> <title> Webpage title </title> </head> <body> My first webpage </body> </html> Starts every HTML page Info in this section will not appear in the body of the web browser Info in this section will appear in the body of the web browser Ends every HTML page