<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 (< >) 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 • 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 • 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: - Will open as a webpage MyFirstPage.html MyFirstPage.doc - 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