HTML

Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place

TAGS Look like this: Often come in pairs, with an opening tag <> and a closing tag TAGS do not show up on a web page There are 3 REQUIRED TAGS that all webpages must have:

BASIC WEB PAGE Page name Hello World Head section Body section

TITLE TAGS Goes inside the head tags Looks like this: My Home page Shows up at the top of the page in the tab text.

TEXT FORMATTING Text formatting type What It DoesExample paragraphCreates paragraphs of text I’m my own paragraph Line breakMakes the browser go to the next line I’m Line 1. I’m Line 2. BoldMakes the text bold I’m bold UnderlineMakes the text underlined I’m underlined ItalicMakes the text italic I’m italic Horizontal ruleLine across the page

HEADINGS Creates different sections for your page replace # with an actual number (1-6) 1 is the BIGGEST, 6 is the smallest heading My heading

PICTURES Put a picture on your page Example: The picture MUST be in the same folder as the web page!

FIRST WEBPAGE! Create a new folder in your documents that will put all your web development in. Create another folder called “website1” Open up notepad ++, Click Language, “H” and then click HTML File, Save as and save your website in your “website1” folder (Everything must be save in here!) Add all the required tags Title your web page: Your Name Project 1 (Remember this is in the head tag!) In the, add 2 headings. Title the first heading: “My School” and the second: “Favourite …” This can be a football team, movie, actor etc… Separate the headings with a horizontal line. Find a picture of a school (use google images), save image as and save it to your “website1” folder. Make sure the name of the image is easy to remember and has no spaces Add the image to the “My School” section of your web page. Add a paragraph with 5 sentences to the “My school” section of your page.