Presentation on theme: "HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title."— Presentation transcript:
We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title your web page How to format the text on your web page How to create headings on your web page How to add pictures to your page
HTML Hyper Text Markup Language –Markup your text document –The markup is the tag –Hyper text means you can jump from place to place Programming language of the internet
TAGS Look like this: Come in pairs (every begin tag must have an end tag) – PAIRS TAGS do not show up on a web page There are 3 REQUIRED TAGS –1. ONLY ONE –2. ONLY ONE (maybe put a title in here) –3. ONLY ONE (stuff that shows up)
Basic Web Page My page Hello this is my page Head section Body section Tags don’t show up on the page
Title Element Goes inside the head element If you forget it, you’ll have an untitled web page Looks like this: My Home page Where does the title show up?
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 rule Line 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!
Let’s Use this stuff- Getting Started! Create a new folder called “LastName FirstName Project 1” Open up notepad and save the file to your Project 1 folder. Name It: project1.html Add all the required tags (What are they again?) Title your web page: Your Name Project Proposal 1 In the, add 2 headings. Title the first heading: “My Proposal” and the second: “My Research” Separate the headings with a horizontal rule. Type up a few paragraphs that will allow you to put together an RFP for a grocery delivery website. –Here is a link to a sample RFP http://www.entrepreneur.com/formnet/form/1173 Find a picture of project management (use google images), download it into your project 1 folder, and add it to the “My Proposal” section of your web page. Add at least 3 resources to the “My Research” section of your page.